diff --git a/404.html b/404.html
index 6c02121ee2..2cdc2e0d84 100644
--- a/404.html
+++ b/404.html
@@ -8,21 +8,21 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="./css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="./css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="./css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="./css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1674478176" rel="stylesheet">
-    <link href="./css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="./css/ie.css?1674478176" rel="stylesheet">
-    <link href="./css/variant.css?1674478176" rel="stylesheet">
-    <link href="./css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="./js/url.js?1674478176"></script>
-    <script src="./js/variant.js?1674478176"></script>
+    <link href="./css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="./css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="./css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="./css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="./css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1674514149" rel="stylesheet">
+    <link href="./css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="./css/ie.css?1674514149" rel="stylesheet">
+    <link href="./css/variant.css?1674514149" rel="stylesheet">
+    <link href="./css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="./js/url.js?1674514149"></script>
+    <script src="./js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -40,7 +40,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="./js/jquery.min.js?1674478176" defer></script>
+    <script src="./js/jquery.min.js?1674514149" defer></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index f269d81606..0640830c56 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -1557,12 +1557,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478176" defer></script>
-        <script src="../../js/search.js?1674478176" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1678,13 +1678,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478176"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478176" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478176" defer></script>
-    <script src="../../js/featherlight.min.js?1674478176" defer></script>
-    <script src="../../js/theme.js?1674478176" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index 019a64a85e..481b199664 100644
--- a/basics/changelog/index.print.html
+++ b/basics/changelog/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -965,9 +965,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index 3f03b2ecd6..0497c899e2 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -10,21 +10,21 @@
     <title>Configuration :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -362,12 +362,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -483,13 +483,13 @@ 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?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index ba8a8e47c8..2118b9978f 100644
--- a/basics/configuration/index.print.html
+++ b/basics/configuration/index.print.html
@@ -10,22 +10,22 @@
     <title>Configuration :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -246,9 +246,9 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index d88b181529..964d2494e5 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -10,21 +10,21 @@
     <title>Customization :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -251,12 +251,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?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -372,13 +372,13 @@ 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?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index 39ef8e4c8e..7b04275bb9 100644
--- a/basics/customization/index.print.html
+++ b/basics/customization/index.print.html
@@ -10,22 +10,22 @@
     <title>Customization :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -145,9 +145,9 @@ You could use an <code>img</code> HTML tag and reference an image created under
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index 2589f1857c..0b30719932 100644
--- a/basics/generator/index.html
+++ b/basics/generator/index.html
@@ -10,21 +10,21 @@
     <title>Stylesheet generator :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -227,12 +227,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -348,18 +348,18 @@ 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?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/jquery.svg.pan.zoom.js?1674478177" defer></script>
-    <script src="../../js/mermaid.min.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/jquery.svg.pan.zoom.js?1674514150" defer></script>
+    <script src="../../js/mermaid.min.js?1674514150" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index 20be35c5ba..6d54736a2b 100644
--- a/basics/generator/index.print.html
+++ b/basics/generator/index.print.html
@@ -10,22 +10,22 @@
     <title>Stylesheet generator :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -130,14 +130,14 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/jquery.svg.pan.zoom.js?1674478178" defer></script>
-    <script src="../../js/mermaid.min.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/jquery.svg.pan.zoom.js?1674514150" defer></script>
+    <script src="../../js/mermaid.min.js?1674514150" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 3001d6ef76..95d9c0a6c8 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -10,21 +10,21 @@
     <title>History :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -1560,12 +1560,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1681,13 +1681,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index 04963b7d1e..c890b23d5f 100644
--- a/basics/history/index.print.html
+++ b/basics/history/index.print.html
@@ -10,22 +10,22 @@
     <title>History :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -968,9 +968,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index ea3094593b..e749ca7b61 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -10,21 +10,21 @@
     <title>Basics :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../js/url.js?1674478176"></script>
-    <script src="../js/variant.js?1674478176"></script>
+    <link href="../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../js/url.js?1674514149"></script>
+    <script src="../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478176" defer></script>
+    <script src="../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../js/search.js?1674478177" defer></script>
+        <script src="../js/auto-complete.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -291,13 +291,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1674478177"></script>
+          <script async src="../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../js/theme.js?1674478177" defer></script>
+    <script src="../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index 9f61724a2b..36f9130893 100644
--- a/basics/index.print.html
+++ b/basics/index.print.html
@@ -10,22 +10,22 @@
     <title>Basics :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../js/url.js?1674478178"></script>
-    <script src="../js/variant.js?1674478178"></script>
+    <link href="../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../js/url.js?1674514150"></script>
+    <script src="../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478178" defer></script>
+    <script src="../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -87,10 +87,16 @@
 <h1 id="whats-new">What&#39;s New</h1>
 
 <p>This document shows you what&rsquo;s new in the latest release. For a detailed list of changes, see the <a href="../basics/history/">history page</a>.</p>
+<p><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> The minimum required Hugo version.</p>
 <p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> A change that requires action by you after upgrading to assure the site is still functional.</p>
-<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change in default behavior. This may requires action by you / may or may not be revertable by configuration.</p>
+<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change in default behavior that may requires action by you if you want to revert it.</p>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Marks new behavior you might find interesting or comes configurable.</p>
 <hr>
+<h2 id="5100-not-yet-released">5.10.0 (not yet released)</h2>
+<ul>
+<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The <a href="../shortcodes/attachments/"><code>attachments</code></a>, <a href="../shortcodes/badge/"><code>badge</code></a>, <a href="../shortcodes/button/"><code>button</code></a> and <a href="../shortcodes/notice/"><code>notice</code></a> shortcodes have a new parameter <code>color</code> to set arbitrary CSS color values.</li>
+</ul>
+<hr>
 <h2 id="590-2022-12-23">5.9.0 (2022-12-23)</h2>
 <ul>
 <li>
@@ -222,6 +228,9 @@
 <h2 id="510-2022-07-15">5.1.0 (2022-07-15)</h2>
 <ul>
 <li>
+<p><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> This release requires a newer Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a <code>index.print.html</code> to the default URL.</p>
 <p>You can revert this behavior by overwriting the PRINT output format setting in your <code>config.toml</code>to:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputFormats</span><span class="p">]</span>
@@ -339,6 +348,9 @@
 <h2 id="320-2022-03-19">3.2.0 (2022-03-19)</h2>
 <ul>
 <li>
+<p><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.93.0</span></span> This release requires a newer Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In this release the Mermaid JavaScript library will only be loaded on demand if the page contains a Mermaid shortcode or is using Mermaid codefences. This changes the behavior of <code>disableMermaid</code> config option as follows: If a Mermaid shortcode or codefence is found, the option will be ignored and Mermaid will be loaded regardlessly.</p>
 <p>The option is still useful in case you are using scripting to set up your graph. In this case no shortcode or codefence is involved and the library is not loaded by default. In this case you can set <code>disableMermaid=false</code> in your frontmatter to force the library to be loaded. See the <a href="../basics/generator/">theme variant generator</a> of the exampleSite for an example.</p>
 <p><strong>This change requires at least Hugo 0.93.0 to be used</strong>. The minimum requirement will be reported during build on the console if not met.</p>
@@ -507,7 +519,12 @@
 <hr>
 <h2 id="230-2021-09-13">2.3.0 (2021-09-13)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by providing a documentation translation &ldquo;fer us pirrrates&rdquo;. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.</li>
+<li>
+<p><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.81.0</span></span> This release requires a newer Hugo version.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by providing a documentation translation &ldquo;fer us pirrrates&rdquo;. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.</p>
+</li>
 </ul>
 <hr>
 <h2 id="220-2021-09-09">2.2.0 (2021-09-09)</h2>
@@ -518,6 +535,9 @@
 <h2 id="210-2021-09-07">2.1.0 (2021-09-07)</h2>
 <ul>
 <li>
+<p><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.69.0</span></span> This release requires a newer Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In case the site&rsquo;s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see <code>CHANGELOG.md</code> in the exampleSite), they will now be ignored by the search.</p>
 </li>
 <li>
@@ -577,7 +597,12 @@
 <hr>
 <h2 id="100-2021-07-01">1.0.0 (2021-07-01)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork of the <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to <code>Relearn</code> and a new logo. For the reasons behind forking the Learn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> in the Learn issues.</li>
+<li>
+<p><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.65.0</span></span> The version requirement for Hugo is the same as for the Learn theme version 2.5.0 on 2021-07-01.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork of the <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to <code>Relearn</code> and a new logo. For the reasons behind forking the Learn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> in the Learn issues.</p>
+</li>
 </ul>
 
             <footer class="footline">
@@ -588,7 +613,7 @@
 <h1 id="requirements">Requirements</h1>
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
-<p>Just download latest version of <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
+<p>Just download at leat 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="../basics/requirements/magic.gif?classes=shadow" data-featherlight="image">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
@@ -1861,14 +1886,14 @@ window.variants && variants.generator( '#vargenerator' );
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../js/jquery.svg.pan.zoom.js?1674478178" defer></script>
-    <script src="../js/mermaid.min.js?1674478178" defer></script>
+    <script src="../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../js/jquery.svg.pan.zoom.js?1674514150" defer></script>
+    <script src="../js/mermaid.min.js?1674514150" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1674478178" defer></script>
+    <script src="../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/index.xml b/basics/index.xml
index b27025c384..eb15d308da 100644
--- a/basics/index.xml
+++ b/basics/index.xml
@@ -12,10 +12,10 @@
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html</guid>
       <description>This document shows you what&amp;rsquo;s new in the latest release. For a detailed list of changes, see the history page.
+0.95.0 The minimum required Hugo version.
 Breaking A change that requires action by you after upgrading to assure the site is still functional.
-Change A change in default behavior. This may requires action by you / may or may not be revertable by configuration.
-New Marks new behavior you might find interesting or comes configurable.
-5.9.0 (2022-12-23) Change The required folder name for the attachments shortcode was changed for leaf bundles.</description>
+Change A change in default behavior that may requires action by you if you want to revert it.
+New Marks new behavior you might find interesting or comes configurable.</description>
     </item>
     <item>
       <title>Requirements</title>
@@ -23,7 +23,7 @@ New Marks new behavior you might find interesting or comes configurable.
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html</guid>
       <description>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.
-Just download latest version of Hugo binary for your OS (Windows, Linux, Mac) : it&amp;rsquo;s that simple.</description>
+Just download at leat version 0.95.0 of the Hugo binary for your OS (Windows, Linux, Mac).</description>
     </item>
     <item>
       <title>Installation</title>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index af960748e5..095ab762ca 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -10,21 +10,21 @@
     <title>Installation :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -244,12 +244,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -365,13 +365,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index 54b788a7ea..717804ffba 100644
--- a/basics/installation/index.print.html
+++ b/basics/installation/index.print.html
@@ -10,22 +10,22 @@
     <title>Installation :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -141,9 +141,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index c06128acde..694721ccf1 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -10,21 +10,21 @@
     <title>What&#39;s New :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -86,6 +86,7 @@
             <div class="toc-wrapper" dir="ltr">
 <nav id="TableOfContents">
   <ul>
+    <li><a href="#5100-not-yet-released">5.10.0 (not yet released)</a></li>
     <li><a href="#590-2022-12-23">5.9.0 (2022-12-23)</a></li>
     <li><a href="#580-2022-12-08">5.8.0 (2022-12-08)</a></li>
     <li><a href="#570-2022-11-29">5.7.0 (2022-11-29)</a></li>
@@ -131,10 +132,16 @@
 <h1 id="whats-new">What&#39;s New</h1>
 
 <p>This document shows you what&rsquo;s new in the latest release. For a detailed list of changes, see the <a href="../../basics/history/">history page</a>.</p>
+<p><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> The minimum required Hugo version.</p>
 <p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> A change that requires action by you after upgrading to assure the site is still functional.</p>
-<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change in default behavior. This may requires action by you / may or may not be revertable by configuration.</p>
+<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change in default behavior that may requires action by you if you want to revert it.</p>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Marks new behavior you might find interesting or comes configurable.</p>
 <hr>
+<h2 id="5100-not-yet-released">5.10.0 (not yet released)</h2>
+<ul>
+<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The <a href="../../shortcodes/attachments/"><code>attachments</code></a>, <a href="../../shortcodes/badge/"><code>badge</code></a>, <a href="../../shortcodes/button/"><code>button</code></a> and <a href="../../shortcodes/notice/"><code>notice</code></a> shortcodes have a new parameter <code>color</code> to set arbitrary CSS color values.</li>
+</ul>
+<hr>
 <h2 id="590-2022-12-23">5.9.0 (2022-12-23)</h2>
 <ul>
 <li>
@@ -266,6 +273,9 @@
 <h2 id="510-2022-07-15">5.1.0 (2022-07-15)</h2>
 <ul>
 <li>
+<p><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> This release requires a newer Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a <code>index.print.html</code> to the default URL.</p>
 <p>You can revert this behavior by overwriting the PRINT output format setting in your <code>config.toml</code>to:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputFormats</span><span class="p">]</span>
@@ -383,6 +393,9 @@
 <h2 id="320-2022-03-19">3.2.0 (2022-03-19)</h2>
 <ul>
 <li>
+<p><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.93.0</span></span> This release requires a newer Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In this release the Mermaid JavaScript library will only be loaded on demand if the page contains a Mermaid shortcode or is using Mermaid codefences. This changes the behavior of <code>disableMermaid</code> config option as follows: If a Mermaid shortcode or codefence is found, the option will be ignored and Mermaid will be loaded regardlessly.</p>
 <p>The option is still useful in case you are using scripting to set up your graph. In this case no shortcode or codefence is involved and the library is not loaded by default. In this case you can set <code>disableMermaid=false</code> in your frontmatter to force the library to be loaded. See the <a href="../../basics/generator/">theme variant generator</a> of the exampleSite for an example.</p>
 <p><strong>This change requires at least Hugo 0.93.0 to be used</strong>. The minimum requirement will be reported during build on the console if not met.</p>
@@ -551,7 +564,12 @@
 <hr>
 <h2 id="230-2021-09-13">2.3.0 (2021-09-13)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by providing a documentation translation &ldquo;fer us pirrrates&rdquo;. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.</li>
+<li>
+<p><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.81.0</span></span> This release requires a newer Hugo version.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by providing a documentation translation &ldquo;fer us pirrrates&rdquo;. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.</p>
+</li>
 </ul>
 <hr>
 <h2 id="220-2021-09-09">2.2.0 (2021-09-09)</h2>
@@ -562,6 +580,9 @@
 <h2 id="210-2021-09-07">2.1.0 (2021-09-07)</h2>
 <ul>
 <li>
+<p><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.69.0</span></span> This release requires a newer Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In case the site&rsquo;s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see <code>CHANGELOG.md</code> in the exampleSite), they will now be ignored by the search.</p>
 </li>
 <li>
@@ -621,7 +642,12 @@
 <hr>
 <h2 id="100-2021-07-01">1.0.0 (2021-07-01)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork of the <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to <code>Relearn</code> and a new logo. For the reasons behind forking the Learn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> in the Learn issues.</li>
+<li>
+<p><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.65.0</span></span> The version requirement for Hugo is the same as for the Learn theme version 2.5.0 on 2021-07-01.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork of the <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to <code>Relearn</code> and a new logo. For the reasons behind forking the Learn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> in the Learn issues.</p>
+</li>
 </ul>
 
             <footer class="footline">
@@ -702,12 +728,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -823,13 +849,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 838548e399..f5ade91895 100644
--- a/basics/migration/index.print.html
+++ b/basics/migration/index.print.html
@@ -10,22 +10,22 @@
     <title>What&#39;s New :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -76,10 +76,16 @@
 <h1 id="whats-new">What&#39;s New</h1>
 
 <p>This document shows you what&rsquo;s new in the latest release. For a detailed list of changes, see the <a href="../../basics/history/">history page</a>.</p>
+<p><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> The minimum required Hugo version.</p>
 <p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> A change that requires action by you after upgrading to assure the site is still functional.</p>
-<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change in default behavior. This may requires action by you / may or may not be revertable by configuration.</p>
+<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change in default behavior that may requires action by you if you want to revert it.</p>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Marks new behavior you might find interesting or comes configurable.</p>
 <hr>
+<h2 id="5100-not-yet-released">5.10.0 (not yet released)</h2>
+<ul>
+<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The <a href="../../shortcodes/attachments/"><code>attachments</code></a>, <a href="../../shortcodes/badge/"><code>badge</code></a>, <a href="../../shortcodes/button/"><code>button</code></a> and <a href="../../shortcodes/notice/"><code>notice</code></a> shortcodes have a new parameter <code>color</code> to set arbitrary CSS color values.</li>
+</ul>
+<hr>
 <h2 id="590-2022-12-23">5.9.0 (2022-12-23)</h2>
 <ul>
 <li>
@@ -211,6 +217,9 @@
 <h2 id="510-2022-07-15">5.1.0 (2022-07-15)</h2>
 <ul>
 <li>
+<p><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> This release requires a newer Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a <code>index.print.html</code> to the default URL.</p>
 <p>You can revert this behavior by overwriting the PRINT output format setting in your <code>config.toml</code>to:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputFormats</span><span class="p">]</span>
@@ -328,6 +337,9 @@
 <h2 id="320-2022-03-19">3.2.0 (2022-03-19)</h2>
 <ul>
 <li>
+<p><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.93.0</span></span> This release requires a newer Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In this release the Mermaid JavaScript library will only be loaded on demand if the page contains a Mermaid shortcode or is using Mermaid codefences. This changes the behavior of <code>disableMermaid</code> config option as follows: If a Mermaid shortcode or codefence is found, the option will be ignored and Mermaid will be loaded regardlessly.</p>
 <p>The option is still useful in case you are using scripting to set up your graph. In this case no shortcode or codefence is involved and the library is not loaded by default. In this case you can set <code>disableMermaid=false</code> in your frontmatter to force the library to be loaded. See the <a href="../../basics/generator/">theme variant generator</a> of the exampleSite for an example.</p>
 <p><strong>This change requires at least Hugo 0.93.0 to be used</strong>. The minimum requirement will be reported during build on the console if not met.</p>
@@ -496,7 +508,12 @@
 <hr>
 <h2 id="230-2021-09-13">2.3.0 (2021-09-13)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by providing a documentation translation &ldquo;fer us pirrrates&rdquo;. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.</li>
+<li>
+<p><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.81.0</span></span> This release requires a newer Hugo version.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by providing a documentation translation &ldquo;fer us pirrrates&rdquo;. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.</p>
+</li>
 </ul>
 <hr>
 <h2 id="220-2021-09-09">2.2.0 (2021-09-09)</h2>
@@ -507,6 +524,9 @@
 <h2 id="210-2021-09-07">2.1.0 (2021-09-07)</h2>
 <ul>
 <li>
+<p><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.69.0</span></span> This release requires a newer Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In case the site&rsquo;s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see <code>CHANGELOG.md</code> in the exampleSite), they will now be ignored by the search.</p>
 </li>
 <li>
@@ -566,7 +586,12 @@
 <hr>
 <h2 id="100-2021-07-01">1.0.0 (2021-07-01)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork of the <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to <code>Relearn</code> and a new logo. For the reasons behind forking the Learn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> in the Learn issues.</li>
+<li>
+<p><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.65.0</span></span> The version requirement for Hugo is the same as for the Learn theme version 2.5.0 on 2021-07-01.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork of the <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to <code>Relearn</code> and a new logo. For the reasons behind forking the Learn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> in the Learn issues.</p>
+</li>
 </ul>
 
             <footer class="footline">
@@ -575,9 +600,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index bfaf67e371..3e46c3a35c 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -10,21 +10,21 @@
     <title>Requirements :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -91,7 +91,7 @@
 <h1 id="requirements">Requirements</h1>
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
-<p>Just download latest version of <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
+<p>Just download at leat 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="../../basics/requirements/magic.gif?classes=shadow" data-featherlight="image">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -296,13 +296,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 5eed7afc0c..cfb06cbace 100644
--- a/basics/requirements/index.print.html
+++ b/basics/requirements/index.print.html
@@ -10,22 +10,22 @@
     <title>Requirements :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -76,7 +76,7 @@
 <h1 id="requirements">Requirements</h1>
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
-<p>Just download latest version of <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
+<p>Just download at leat 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="../../basics/requirements/magic.gif?classes=shadow" data-featherlight="image">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
@@ -88,9 +88,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index c2e759be11..ea37676277 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>Categories :: Hugo Relearn Theme</title>
     <link href="../categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../js/url.js?1674478176"></script>
-    <script src="../js/variant.js?1674478176"></script>
+    <link href="../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../js/url.js?1674514149"></script>
+    <script src="../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478176" defer></script>
+    <script src="../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -157,12 +157,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1674478178" defer></script>
-        <script src="../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../js/search.js?1674478178" defer></script>
+        <script src="../js/auto-complete.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -278,13 +278,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1674478178"></script>
+          <script async src="../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../js/theme.js?1674478178" defer></script>
+    <script src="../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 011751db99..c8b9b189aa 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -10,21 +10,21 @@
     <title>Archetypes :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -282,12 +282,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -403,13 +403,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index a27bd9ae7f..88d6f2d3a1 100644
--- a/cont/archetypes/index.print.html
+++ b/cont/archetypes/index.print.html
@@ -10,22 +10,22 @@
     <title>Archetypes :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -173,9 +173,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index ccf1efde17..6ccf35ee04 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -10,21 +10,21 @@
     <title>Multilingual and i18n :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -279,12 +279,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?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -400,13 +400,13 @@ 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?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index f0ae518259..c496cfa181 100644
--- a/cont/i18n/index.print.html
+++ b/cont/i18n/index.print.html
@@ -10,22 +10,22 @@
     <title>Multilingual and i18n :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -175,9 +175,9 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 067fd1cfd2..f6a3fdc2b7 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -10,21 +10,21 @@
     <title>Content :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../js/url.js?1674478176"></script>
-    <script src="../js/variant.js?1674478176"></script>
+    <link href="../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../js/url.js?1674514149"></script>
+    <script src="../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478176" defer></script>
+    <script src="../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../js/search.js?1674478177" defer></script>
+        <script src="../js/auto-complete.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -291,13 +291,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1674478177"></script>
+          <script async src="../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../js/theme.js?1674478177" defer></script>
+    <script src="../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 3b748f4b9a..660cd22ab2 100644
--- a/cont/index.print.html
+++ b/cont/index.print.html
@@ -10,22 +10,22 @@
     <title>Content :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../js/url.js?1674478178"></script>
-    <script src="../js/variant.js?1674478178"></script>
+    <link href="../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../js/url.js?1674514150"></script>
+    <script src="../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478178" defer></script>
+    <script src="../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -1303,9 +1303,9 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../js/theme.js?1674478178" defer></script>
+    <script src="../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index 2cbe428e39..46665cb2da 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -10,21 +10,21 @@
     <title>Markdown syntax :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -929,12 +929,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478176" defer></script>
-        <script src="../../js/search.js?1674478176" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1050,13 +1050,13 @@ 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?1674478176"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478176" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478176" defer></script>
-    <script src="../../js/featherlight.min.js?1674478176" defer></script>
-    <script src="../../js/theme.js?1674478176" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index 52c23316cd..5dc9e9b984 100644
--- a/cont/markdown/index.print.html
+++ b/cont/markdown/index.print.html
@@ -10,22 +10,22 @@
     <title>Markdown syntax :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -784,9 +784,9 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 4ba821eabd..f5617d2336 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -10,21 +10,21 @@
     <title>Menu extra shortcuts :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -288,12 +288,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?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478176" defer></script>
-        <script src="../../js/search.js?1674478176" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -409,13 +409,13 @@ 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?1674478176"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478176" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478176" defer></script>
-    <script src="../../js/featherlight.min.js?1674478176" defer></script>
-    <script src="../../js/theme.js?1674478176" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index 27c0dd811f..039d94ddb3 100644
--- a/cont/menushortcuts/index.print.html
+++ b/cont/menushortcuts/index.print.html
@@ -10,22 +10,22 @@
     <title>Menu extra shortcuts :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -190,9 +190,9 @@ 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?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 9b934e3592..848edc074e 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -10,21 +10,21 @@
     <title>Pages organization :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -293,12 +293,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?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -414,13 +414,13 @@ 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?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index ce3c12de02..5485d8aa43 100644
--- a/cont/pages/index.print.html
+++ b/cont/pages/index.print.html
@@ -10,22 +10,22 @@
     <title>Pages organization :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -187,9 +187,9 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.html b/cont/syntaxhighlight/index.html
index aec268ffa5..71d01160f5 100644
--- a/cont/syntaxhighlight/index.html
+++ b/cont/syntaxhighlight/index.html
@@ -10,21 +10,21 @@
     <title>Code highlighting :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -226,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478176" defer></script>
-        <script src="../../js/search.js?1674478176" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -347,13 +347,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478176"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478176" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478176" defer></script>
-    <script src="../../js/featherlight.min.js?1674478176" defer></script>
-    <script src="../../js/theme.js?1674478176" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.print.html b/cont/syntaxhighlight/index.print.html
index 11904da1be..31c21e318c 100644
--- a/cont/syntaxhighlight/index.print.html
+++ b/cont/syntaxhighlight/index.print.html
@@ -10,22 +10,22 @@
     <title>Code highlighting :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -127,9 +127,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/cont/tags/index.html b/cont/tags/index.html
index 7f08151f83..7093d59baa 100644
--- a/cont/tags/index.html
+++ b/cont/tags/index.html
@@ -10,21 +10,21 @@
     <title>Tags :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478176" defer></script>
-        <script src="../../js/search.js?1674478176" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -323,13 +323,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478176"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478176" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478176" defer></script>
-    <script src="../../js/featherlight.min.js?1674478176" defer></script>
-    <script src="../../js/theme.js?1674478176" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/cont/tags/index.print.html b/cont/tags/index.print.html
index 35d6b53077..4d8cfdcdab 100644
--- a/cont/tags/index.print.html
+++ b/cont/tags/index.print.html
@@ -10,22 +10,22 @@
     <title>Tags :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -103,9 +103,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index f7e55a7c7c..80459dc409 100644
--- a/index.html
+++ b/index.html
@@ -10,21 +10,21 @@
     <title>Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="./css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="./css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="./css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="./css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1674478176" rel="stylesheet">
-    <link href="./css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="./css/ie.css?1674478176" rel="stylesheet">
-    <link href="./css/variant.css?1674478176" rel="stylesheet">
-    <link href="./css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="./js/url.js?1674478176"></script>
-    <script src="./js/variant.js?1674478176"></script>
+    <link href="./css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="./css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="./css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="./css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="./css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1674514149" rel="stylesheet">
+    <link href="./css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="./css/ie.css?1674514149" rel="stylesheet">
+    <link href="./css/variant.css?1674514149" rel="stylesheet">
+    <link href="./css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="./js/url.js?1674514149"></script>
+    <script src="./js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="./js/jquery.min.js?1674478176" defer></script>
+    <script src="./js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -244,12 +244,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1674478177" defer></script>
-        <script src="./js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="./js/search.js?1674478177" defer></script>
+        <script src="./js/auto-complete.js?1674514150" defer></script>
+        <script src="./js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="./js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -365,13 +365,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="./js/buttons.js?1674478177"></script>
+          <script async src="./js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1674478177" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="./js/featherlight.min.js?1674478177" defer></script>
-    <script src="./js/theme.js?1674478177" defer></script>
+    <script src="./js/clipboard.min.js?1674514150" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="./js/featherlight.min.js?1674514150" defer></script>
+    <script src="./js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index 608303c53b..894bd6412f 100644
--- a/index.print.html
+++ b/index.print.html
@@ -10,22 +10,22 @@
     <title>Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="./css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="./css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="./css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="./css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1674478178" rel="stylesheet">
-    <link href="./css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="./css/ie.css?1674478178" rel="stylesheet">
-    <link href="./css/variant.css?1674478178" rel="stylesheet">
-    <link href="./css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1674478178" rel="stylesheet">
-    <script src="./js/url.js?1674478178"></script>
-    <script src="./js/variant.js?1674478178"></script>
+    <link href="./css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="./css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="./css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="./css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="./css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1674514150" rel="stylesheet">
+    <link href="./css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="./css/ie.css?1674514150" rel="stylesheet">
+    <link href="./css/variant.css?1674514150" rel="stylesheet">
+    <link href="./css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1674514150" rel="stylesheet">
+    <script src="./js/url.js?1674514150"></script>
+    <script src="./js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="./js/jquery.min.js?1674478178" defer></script>
+    <script src="./js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -159,10 +159,16 @@
 <h1 id="whats-new">What&#39;s New</h1>
 
 <p>This document shows you what&rsquo;s new in the latest release. For a detailed list of changes, see the <a href="./basics/history/">history page</a>.</p>
+<p><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> The minimum required Hugo version.</p>
 <p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> A change that requires action by you after upgrading to assure the site is still functional.</p>
-<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change in default behavior. This may requires action by you / may or may not be revertable by configuration.</p>
+<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change in default behavior that may requires action by you if you want to revert it.</p>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Marks new behavior you might find interesting or comes configurable.</p>
 <hr>
+<h2 id="5100-not-yet-released">5.10.0 (not yet released)</h2>
+<ul>
+<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The <a href="./shortcodes/attachments/"><code>attachments</code></a>, <a href="./shortcodes/badge/"><code>badge</code></a>, <a href="./shortcodes/button/"><code>button</code></a> and <a href="./shortcodes/notice/"><code>notice</code></a> shortcodes have a new parameter <code>color</code> to set arbitrary CSS color values.</li>
+</ul>
+<hr>
 <h2 id="590-2022-12-23">5.9.0 (2022-12-23)</h2>
 <ul>
 <li>
@@ -294,6 +300,9 @@
 <h2 id="510-2022-07-15">5.1.0 (2022-07-15)</h2>
 <ul>
 <li>
+<p><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> This release requires a newer Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a <code>index.print.html</code> to the default URL.</p>
 <p>You can revert this behavior by overwriting the PRINT output format setting in your <code>config.toml</code>to:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputFormats</span><span class="p">]</span>
@@ -411,6 +420,9 @@
 <h2 id="320-2022-03-19">3.2.0 (2022-03-19)</h2>
 <ul>
 <li>
+<p><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.93.0</span></span> This release requires a newer Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In this release the Mermaid JavaScript library will only be loaded on demand if the page contains a Mermaid shortcode or is using Mermaid codefences. This changes the behavior of <code>disableMermaid</code> config option as follows: If a Mermaid shortcode or codefence is found, the option will be ignored and Mermaid will be loaded regardlessly.</p>
 <p>The option is still useful in case you are using scripting to set up your graph. In this case no shortcode or codefence is involved and the library is not loaded by default. In this case you can set <code>disableMermaid=false</code> in your frontmatter to force the library to be loaded. See the <a href="./basics/generator/">theme variant generator</a> of the exampleSite for an example.</p>
 <p><strong>This change requires at least Hugo 0.93.0 to be used</strong>. The minimum requirement will be reported during build on the console if not met.</p>
@@ -579,7 +591,12 @@
 <hr>
 <h2 id="230-2021-09-13">2.3.0 (2021-09-13)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by providing a documentation translation &ldquo;fer us pirrrates&rdquo;. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.</li>
+<li>
+<p><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.81.0</span></span> This release requires a newer Hugo version.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by providing a documentation translation &ldquo;fer us pirrrates&rdquo;. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.</p>
+</li>
 </ul>
 <hr>
 <h2 id="220-2021-09-09">2.2.0 (2021-09-09)</h2>
@@ -590,6 +607,9 @@
 <h2 id="210-2021-09-07">2.1.0 (2021-09-07)</h2>
 <ul>
 <li>
+<p><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.69.0</span></span> This release requires a newer Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In case the site&rsquo;s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see <code>CHANGELOG.md</code> in the exampleSite), they will now be ignored by the search.</p>
 </li>
 <li>
@@ -649,7 +669,12 @@
 <hr>
 <h2 id="100-2021-07-01">1.0.0 (2021-07-01)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork of the <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to <code>Relearn</code> and a new logo. For the reasons behind forking the Learn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> in the Learn issues.</li>
+<li>
+<p><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.65.0</span></span> The version requirement for Hugo is the same as for the Learn theme version 2.5.0 on 2021-07-01.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork of the <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to <code>Relearn</code> and a new logo. For the reasons behind forking the Learn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> in the Learn issues.</p>
+</li>
 </ul>
 
             <footer class="footline">
@@ -660,7 +685,7 @@
 <h1 id="requirements">Requirements</h1>
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
-<p>Just download latest version of <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
+<p>Just download at leat 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="./basics/requirements/magic.gif?classes=shadow" data-featherlight="image">
 <img src="./basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
@@ -3241,6 +3266,50 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
     </div>
   </div>
 </div>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <code>Attachments</code><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="./shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <code>paperclip</code><br><br>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty d with spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left"><code>asc</code></td>
+<td style="text-align:left">Sorting the output in <code>asc</code>ending or <code>desc</code>ending order.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>pattern</strong></td>
+<td style="text-align:left"><code>.*</code></td>
+<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used to filter the attachments by file name. For example:<br><br>- to match a file suffix of &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- to match file names ending in <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
+</tr>
+</tbody>
+</table>
+<h2 id="setup">Setup</h2>
+<h3 id="single-language">Single language</h3>
 <p>The shortcode lists files found in a specific folder. The name of the folder depends on your page type (either branch bundle, leaf bundle or page).</p>
 <ol>
 <li>
@@ -3305,6 +3374,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 </blockquote>
 </li>
 </ol>
+<h3 id="multilingual">Multilingual</h3>
 <p>Be aware that if you use a multilingual website, you will need to have as many folders as languages and the language code must be part of the folder name.</p>
 <p>Eg. for a site in English and Piratish:</p>
 <blockquote>
@@ -3329,43 +3399,6 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 </li>
 </ul>
 </blockquote>
-<h3 id="parameter">Parameter</h3>
-<table>
-<thead>
-<tr>
-<th style="text-align:left">Name</th>
-<th style="text-align:left">Default</th>
-<th style="text-align:left">Notes</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">The color scheme used to highlight the box content.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <code>Attachments</code><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>icon</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="./shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <code>paperclip</code><br><br>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty d with spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left"><code>asc</code></td>
-<td style="text-align:left">Sorting the output in <code>asc</code>ending or <code>desc</code>ending order.</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left"><code>.*</code></td>
-<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used to filter the attachments by file name. For example:<br><br>- to match a file suffix of &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- to match file names ending in <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
-</tr>
-</tbody>
-</table>
 <h2 id="examples">Examples</h2>
 <h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List of Attachments Ending in pdf or mp4</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*\.(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
@@ -3392,8 +3425,22 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
     <li><a href="./shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-<h3 id="style-and-icons">Style and Icons</h3>
-<p>For further examples for <strong>style</strong>, <strong>title</strong> and <strong>icon</strong>, see the <a href="./shortcodes/notice/"><code>notice</code> shortcode</a> documentation. The parameter are working the same way for both shortcodes, besides having different defaults.</p>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box attachments cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Attachments</div>
+  <ul class="box-content attachments-files">
+    <li><a href="./shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
+    <li><a href="./shortcodes/attachments.en.files/BachGavotteShort.mp3">BachGavotteShort.mp3</a> (357 KB)</li>
+    <li><a href="./shortcodes/attachments.en.files/Carroll_AliceAuPaysDesMerveilles.pdf">Carroll_AliceAuPaysDesMerveilles.pdf</a> (175 KB)</li>
+    <li><a href="./shortcodes/attachments.en.files/hugo.png">hugo.png</a> (17 KB)</li>
+    <li><a href="./shortcodes/attachments.en.files/hugo.txt">hugo.txt</a> (20 B)</li>
+    <li><a href="./shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
+  </ul>
+</div>
+<h3 id="style-color-title-and-icons">Style, Color, Title and Icons</h3>
+<p>For further examples for <strong>style</strong>, <strong>color</strong>, <strong>title</strong> and <strong>icon</strong>, see the <a href="./shortcodes/notice/"><code>notice</code> shortcode</a> documentation. The parameter are working the same way for both shortcodes, besides having different defaults.</p>
 
             <footer class="footline">
             </footer>
@@ -3406,7 +3453,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <p><span class="badge cstyle default"><span class="badge-content">Important</span></span>
 <span class="badge cstyle primary badge-with-title"><span class="badge-title">Version</span><span class="badge-content">6.6.6</span></span>
 <span class="badge cstyle red badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-angle-double-up"></i></span><span class="badge-content">Captain</span></span>
-<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Info</span><span class="badge-content">Awesome</span></span></p>
+<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Info</span><span class="badge-content">New</span></span>
+<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;">Awesome</span></span></p>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
@@ -3430,7 +3478,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Important</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Version&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="mf">6.6.6</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Captain</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">New</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div data-tab-item="partial" data-tab-group="shortcode-parameter" class="tab-item ">
@@ -3453,6 +3502,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 </span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;style&#34;</span> <span class="s">&#34;info&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;New&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">)}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;color&#34;</span> <span class="s">&#34;fuchsia&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;icon&#34;</span> <span class="s">&#34;fab fa-hackerrank&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;Awesome&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div>
@@ -3472,17 +3527,22 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">The color scheme used to paint the badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
 </tr>
 <tr>
-<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left"><strong>color</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="./shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the badge title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitrary text for the badge title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="./shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -3556,8 +3616,11 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;rocket&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Feature&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-rocket"></i> Feature</span><span class="badge-content">Awesome</span></span>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><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;">Awesome</span></span>
 <h4 id="with-icon-content">With Icon Content</h4>
-<p>You can combine the badge with the <a href="./shortcodes/icon/"><code>icon</code> shortcode</a> to create even more stunning variants.</p>
+<p>You can combine the badge with the <a href="./shortcodes/icon/"><code>icon</code> shortcode</a> to create even more stunning visuals.</p>
 <p>In this case you need to declare <code>{{&lt; badge &gt;}}</code> instead of <code>{{% badge %}}</code>. Note, that in this case it is not possible to put markdown in the content.</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}</span> <span class="nx">Pirate</span><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
@@ -3662,12 +3725,17 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">The color scheme used to paint the button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="./shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left"><a href="./shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposition</strong></td>
@@ -3687,7 +3755,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the button title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitrary text for the button title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 </tbody>
 </table>
@@ -3836,6 +3904,15 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
   </a>
 </span></p>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<span class="btn cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fab fa-hackerrank"></i>
+    Hugo
+  </a>
+</span>
 <h4 id="severity-style-with-all-defaults">Severity Style with All Defaults</h4>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -5352,19 +5429,25 @@ mindmap
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">The color scheme used to highlight the box content.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left"></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
 <td style="text-align:left">3</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="./shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left"><a href="./shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -5547,8 +5630,8 @@ mindmap
   </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default with Title and Icon</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h4 id="default-with-positional-parameter">Default with Positional Parameter</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="k">default</span> <span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">information</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -5559,7 +5642,7 @@ mindmap
   </div>
 </div>
 <h4 id="transparent-with-title-and-icon">Transparent with Title and Icon</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">information</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -5569,6 +5652,17 @@ mindmap
 <p>Some serious information.</p>
   </div>
 </div>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Hugo&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">Victor</span><span class="err">?</span> <span class="nx">Is</span> <span class="nx">it</span> <span class="nx">you</span><span class="err">?</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box notices cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Hugo</div>
+  <div class="box-content">
+<p>Victor? Is it you?</p>
+  </div>
+</div>
 
             <footer class="footline">
             </footer>
@@ -6096,9 +6190,9 @@ mindmap
               </section>        </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1674478178" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="./js/featherlight.min.js?1674478178" defer></script>
+    <script src="./js/clipboard.min.js?1674514150" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="./js/featherlight.min.js?1674514150" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -6127,16 +6221,16 @@ mindmap
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1674478178"></script>
-    <script src="./js/jquery.svg.pan.zoom.js?1674478178" defer></script>
-    <script src="./js/mermaid.min.js?1674478178" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1674514150"></script>
+    <script src="./js/jquery.svg.pan.zoom.js?1674514150" defer></script>
+    <script src="./js/mermaid.min.js?1674514150" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="./js/rapidoc-min.js?1674478178" defer></script>
+    <script src="./js/rapidoc-min.js?1674514150" defer></script>
     <script>
       window.themeUseSwagger = JSON.parse("{}");
     </script>
-    <script src="./js/theme.js?1674478178" defer></script>
+    <script src="./js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/index.search.js b/index.search.js
index 1d4ba0c12a..e4e33292ef 100644
--- a/index.search.js
+++ b/index.search.js
@@ -35,7 +35,7 @@ var relearn_search_index = [
     "uri": "/cont/index.html"
   },
   {
-    "content": "This document shows you what’s new in the latest release. For a detailed list of changes, see the history page.\nBreaking A change that requires action by you after upgrading to assure the site is still functional.\nChange A change in default behavior. This may requires action by you / may or may not be revertable by configuration.\nNew Marks new behavior you might find interesting or comes configurable.\n5.9.0 (2022-12-23) Change The required folder name for the attachments shortcode was changed for leaf bundles.\nPreviously, the attachments for leaf bundles in non-multilang setups were required to be in a files subdirectory. For page bundles and leaf bundles in multilang setups they were always required to be in a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments for leaf bundles in non-multilang setups can now also reside in a index.files directory. Although the old files directory is now deprecated, if both directories are present, only the old files directory will be used for compatiblity.\nChange Absolute links prefixed with http:// or https:// are now opened in a separate browser tab.\nYou can revert back to the old behavior by defining externalLinkTarget=\"_self\" in the params section of your config.toml.\nNew The theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New The new badge shortcode is now available to add highly configurable markers to your content as you can see it on this page.\nNew The new icon shortcode simplyfies the usage of icons. This can even be combined with also new badge shortcode.\nNew The theme now supports some of GFM (GitHub Flavored Markdown) syntax and Hugo Markdown extensions, namely task lists, defintion lists and footnotes.\nNew A new color --ACCENT-color was introduced which is used for highlightning search results on the page. In case you simply don’t care, you don’t need to change anything in your variant stylesheet as the old yellow color is still used as default.\n5.7.0 (2022-11-29) Change The Korean language translation for this theme is now available with the language code ko. Formerly the country code kr was used instead.\nNew The button shortcode can now also be used as a real button inside of HTML forms - although this is a pretty rare use case. The documentation was updated accordingly.\nNew The search now supports the Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.\nTo activate this feature, you need to configure it in your config.toml as a new outputformat SEARCHPAGE for the home page. If you don’t configure it, no dedicated search page will be accessible and the theme works as before.\nYou can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.\nNew Keyboard handling for the TOC and search was improved.\nPressing CTRL+ALT+t now will not only toggle the TOC overlay but also places the focus to the first heading on opening. Subsequently this makes it possible to easily select headings by using the TAB key.\nThe search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus the cursor inside of the the search box so you can immediately start your search by typing.\nNew You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.\nTo configure this in your config.toml make sure to set Hugo’s disableHugoGeneratorInject=true and also [params] disableGeneratorVersion=true, otherwise Hugo will generate a meta tag into your home page automagically.\nNew Creation of your project gets a little bit faster with this release.\nThis addresses increased build time with the 5.x releases. The theme now heavily caches partial results leading to improved performance. To further increase performance, unnecessary parts of the page are now skipped for creation of the print output (eg. menus, navigation bar, etc.).\n5.5.0 (2022-11-06) Change The way images are processed has changed. Now images are lazy loaded by default which speeds up page load on slow networks and/or big pages and also the print preview.\nFor that the JavaScript code to handle the lightbox and image effects on the client side was removed in favour for static generation of those effects on the server.\nIf you have used HTML directly in your Markdown files, this now has the downside that it doesn’t respect the effect query parameter anymore. In this case you have to migrate all your HTML img URLs manually to the respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change With the proper settings in your config.toml your page is now servable from the local file system using file:// URLs.\nPlease note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your config.toml from JSON to SEARCH. The now deprecated JSON outputformat still works as before, so there is no need to reconfigure your installation if it is only served from http:// or https://.\nChange The button shortcode has a new parameter target to set the destination frame/window for the URL to open. If not given, it defaults to a new window/tab for external URLs or is not set at all for internal URLs. Previously even internal URLs where opened in a new window/tab.\nNew The math shortcode and mermaid shortcode now also support the align parameter if codefence syntax is used.\nNew Support for languages that are written right to left (like Arabic). This is only implemented for the content area but not the navigation sidebar. This feature is not available in Internet Explorer 11.\nNew Translation for Finnish (Suomi).\n5.3.0 (2022-10-07) Change In the effort to comply with WCAG standards, the implementation of the collapsible menu was changed. Although the functionality of the new implementation works with old browsers (Internet Explorer 11), the display of the expander icons does not and is limited to modern browsers.\nNew Image formatting has two new classes to align images to the left or right. Additionally, the already existing inline option is now documented.\nNew Printing for the swagger shortcode was optimized to expand sections that are usually closed in interactive mode. This requires print support to be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true in your config.toml, the menu will be expanded if a search term is found in a collapsed submenu. The menu will return to its initial collapse state once the search term does not match any submenus. 5.1.0 (2022-07-15) Change Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a index.print.html to the default URL.\nYou can revert this behavior by overwriting the PRINT output format setting in your config.tomlto:\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalinkable = false 5.0.0 (2022-07-05) Breaking The theme changed how JavaScript and CSS dependencies are loaded to provide a better performance. In case you’ve added own JavaScript code that depends on the themes jQuery implementation, you have to put it into a separate *.js file (if not already) and add the defer keyword to the script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change The way archetypes are used to generate output has changed. The new systems allows you, to redefine existing archetypes or even generate your own ones.\nYour existing markdown files will still work like before and therefore you don’t need to change anything after the upgrade. Nevertheless, it is recommended to adapt your existing markdown files to the new way as follows:\nfor your home page, add the frontmatter parameter archetype = \"home\" and remove the leading heading\nfor all files containing the deprecated frontmatter parameter chapter = true, replace it with archetype = \"chapter\" and remove the leading headings\nChange The frontmatter options pre / post were renamed to menuPre / menuPost. The old options will still be used if the new options aren’t set. Therefore you don’t need to change anything after the upgrade.\nNew Adding new partials heading-pre.html / heading-post.html and according frontmatter options headingPre / headingPost to modify the way your page`s main heading gets styled.\nNew The new shortcode math is available to add beautiful math and chemical formulae. See the documentation for available features. This feature will not work with Internet Explorer 11.\n4.2.0 (2022-06-23) Breaking The second parameter for the include shortcode was switched in meaning and was renamed from showfirstheading to hidefirstheading. If you haven’t used this parameter in your shortcode, the default behavior hasn’t changed and you don’t need to change anything.\nIf you’ve used the second boolean parameter, you have to rename it and invert its value to achieve the same behavior.\nChange Previously, if the tabs shortcode could not find a tab item because, the tabs ended up empty. Now the first tab is selected instead.\nChange The landingPageURL was removed from config.toml. You can safely remove this as well from your configuration as it is not used anymore. The theme will detect the landing page URL automatically.\nNew All shortcodes can now be also called from your partials. Examples for this are added to the documentation of each shortcode.\n4.1.0 (2022-06-12) New While fixing issues with the search functionality for non Latin languages, you can now configure to have multiple languages on a single page. 4.0.0 (2022-06-05) Breaking The custom_css config parameter was removed from the configuration. If used in an existing installation, it can be achieved by overriding the custom-header.html template in a much more generic manner.\nBreaking Because anchor hover color was not configurable without introducing more complexity to the variant stylesheets, we decided to remove --MAIN-ANCHOR-color instead. You don’t need to change anything in your custom color stylesheet as the anchors now get their colors from --MAIN-LINK-color and --MAIN-ANCHOR-HOVER-color respectively.\nNew All shortcodes now support named parameter. The positional parameter are still supported but will not be enhanced with new features, so you don’t need to change anything in your installation.\nThis applies to expand, include, notice and siteparam.\nNew The button shortcode received some love and now has a parameter for the color style similar to other shortcodes.\nNew New colors --PRIMARY-color and --SECONDARY-color were added to provide easier modification of your custom style. Shortcodes with a color style can now have primary or secondary as additional values.\nThese two colors are the default for other, more specific color variables. You don’t need to change anything in your existing custom color stylesheets as those variables get reasonable default values.\nNew The documentation for all shortcodes were revised.\n3.4.0 (2022-04-03) Breaking If you had previously overwritten the custom-footer.html partial to add visual elements below the content of your page, you have to move this content to the new partial content-footer.html. custom-footer.html was never meant to contain HTML other than additional styles and JavaScript.\nNew If you prefer expandable/collapsible menu items, you can now set collapsibleMenu=true in your config.toml. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.\nNew You can activate print support in your config.toml to add the capability to print whole chapters or even the complete site.\nNew Translation for Traditional Chinese.\n3.3.0 (2022-03-28) New Introduction of new CSS variables to set the font. The theme distinguishes between --MAIN-font for all content text and --CODE-font for inline or block code. There are additional overrides for all headings. See the theme variant generator of the exampleSite for all available variables.\nNew The new shortcode swagger is available to include a UI for REST OpenAPI Specifications. See the documentation for available features. This feature will not work with Internet Explorer 11.\n3.2.0 (2022-03-19) Change In this release the Mermaid JavaScript library will only be loaded on demand if the page contains a Mermaid shortcode or is using Mermaid codefences. This changes the behavior of disableMermaid config option as follows: If a Mermaid shortcode or codefence is found, the option will be ignored and Mermaid will be loaded regardlessly.\nThe option is still useful in case you are using scripting to set up your graph. In this case no shortcode or codefence is involved and the library is not loaded by default. In this case you can set disableMermaid=false in your frontmatter to force the library to be loaded. See the theme variant generator of the exampleSite for an example.\nThis change requires at least Hugo 0.93.0 to be used. The minimum requirement will be reported during build on the console if not met.\nNew Additional color variant variable --MERMAID-theme to set the variant’s Mermaid theme. This causes the Mermaid theme to switch with the color variant if it defers from the setting of the formerly selected color variant.\n3.1.0 (2022-03-15) New attachment and notice shortcodes have a new parameter to override the default icon. Allowed values are all Font Awesome 5 Free icons. 3.0.0 (2022-02-22) Breaking We made changes to the menu footer. If you have your menu-footer.html partial overridden, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the menu-footer.html partial that is coming with the exampleSite.\nThis change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and Clear history functionality).\nBreaking We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.\nThis change will only affect your installation if you’ve not set the themeVariant parameter in your config.toml. If you still want to use the Learn color variant, you have to explicitly set themeVariant=\"learn\" in your config.toml.\nNote, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due to a bug, that we couldn’t fix in a general manner for color variants, we decided to remove --MENU-SEARCH-BOX-ICONS-color and introduced --MENU-SEARCH-color instead. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color to --MENU-SEARCH-BORDER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nNew With this release you are now capable to define your own dark mode variants.\nTo make this possible, we have introduced a lot more color variables you can use in your color variants. Your old variants will still work and don’t need to be changed as appropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.\nTo see what’s now possible, see the new variants relearn-dark and neon that are coming with this release.\nNew To make the creation of new variants easier for you, we’ve added a new interactive theme variant generator. This feature will not work with Internet Explorer 11.\nNew You can now configure multiple color variants in your config.toml. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer. See the documentation for configuration.\nNote, that the new variant switch will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant switcher will not be displayed with Internet Explorer 11.\n2.9.0 (2021-11-19) Breaking This release removes the themes implementation of ref/relref in favor for Hugos standard implementation. This is because of inconsistencies with the themes implementation. In advantage, your project becomes standard compliant and exchanging this theme in your project to some other theme will be effortless.\nIn a standard compliant form you must not link to the *.md file but to its logical name. You’ll see, referencing other pages becomes much easier. All three types result in the same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configuration Leaf bundle basics/configuration/index.md basics/configuration Page basics/configuration.md basics/configuration If you’ve linked from a page of one language to a page of another language, conversion is a bit more difficult but Hugo got you covered as well.\nAlso, the old themes implementation allowed refs to non-existing content. This will cause Hugos implementation to show the error below and abort the generation. If your project relies on this old behavior, you can reconfigure the error handling of Hugos implementation.\nIn the best case your usage of the old implementation is already standard compliant and you don’t need to change anything. You’ll notice this very easily once you’ve started hugo server after an upgrade and no errors are written to the console.\nYou may see errors on the console after the update in the form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": page not found In this case, you must apply one of two options:\nCopy the old implementation files theme/hugo-theme-relearn/layouts/shortcode/ref.html and theme/hugo-theme-relearn/layouts/shortcode/relref.html to your own projects layouts/shortcode/ref.html and layouts/shortcode/relref.html respectively. This is not recommended as your project will still rely on non-standard behavior afterwards.\nStart up a text editor with regular expression support for search and replace. Apply the following conversions in the given order on all *.md files. This is the recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Page (ref\\s+\"[^\"]*)\\.md\" $1\" 2.8.0 (2021-11-03) Change Although never officially documented, this release removes the font Novacento/Novecento. If you use it in an overwritten CSS please replace it with Work Sans. This change was necessary as Novacento did not provide all Latin special characters and lead to mixed styled character text eg. for Czech.\nNew The theme now supports favicons served from static/images/ named as favicon or logo in SVG, PNG or ICO format out of the box. An overridden partial layouts/partials/favicon.html may not be necessary anymore in most cases.\nNew You can hide the table of contents menu for the whole site by setting the disableToc option in your config.toml. For an example see the example configuration.\n2.7.0 (2021-10-24) New Optional second parameter for notice shortcode to set title in box header. 2.6.0 (2021-10-21) New Your site can now be served from a subfolder if you set baseURL and canonifyURLs=true in your config.toml. See the documentation for a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color and --CODE-BLOCK-BG-color were added to provide a fallback for Hugos syntax highlighting in case guessSyntax=true is set. Ideally the colors are set to the same values as the ones from your chosen chroma style. 2.4.0 (2021-10-07) Change Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.\nNew Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting disableTagHiddenPages=true in your config.toml.\nNew You can define the expansion state of your menus for the whole site by setting the alwaysopen option in your config.toml. Please see further documentation for possible values and default behavior.\nNew New frontmatter ordersectionsby option to change immediate children sorting in menu and children shortcode. Possible values are title or weight.\nNew Alternate content of a page is now advertised in the HTML meta tags. See Hugo documentation.\n2.3.0 (2021-09-13) New Showcase multilanguage features by providing a documentation translation “fer us pirrrates”. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints. 2.2.0 (2021-09-09) New Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting disableSeoHiddenPages=true in your config.toml. 2.1.0 (2021-09-07) Change In case the site’s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in the exampleSite), they will now be ignored by the search.\nNew Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting disableSearchHiddenPages=true in your config.toml.\nNew If a search term is found in an expand shortcode, the expand will be opened.\nNew The menu will scroll the active item into view on load.\n2.0.0 (2021-08-28) Change Syntax highlighting was switched to the built in Hugo mechanism. You may need to configure a new stylesheet or decide to roll you own as described on in the Hugo documentation\nChange In the predefined stylesheets there was a typo and --MENU-HOME-LINK-HOVERED-color must be changed to --MENU-HOME-LINK-HOVER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange --MENU-HOME-LINK-color and --MENU-HOME-LINK-HOVER-color were missing in the documentation. You should add them to your custom stylesheets if you want to override the defaults.\nChange Arrow navigation and children shortcode were ignoring setting for ordersectionsby. This is now changed and may result in different sorting order of your sub pages.\nChange If hidden pages are accessed directly by typing their URL, they will be exposed in the menu.\nChange A page without a title will be treated as hidden=true.\nNew You can define the expansion state of your menus in the frontmatter. Please see further documentation for possible values and default behavior.\nNew New partials for defining pre/post content for menu items and the content. See documentation for further reading.\nNew Shortcode children with new parameter containerstyle.\nNew New shortcode include to include arbitrary file content into a page.\n1.2.0 (2021-07-26) New Shortcode expand with new parameter to open on page load. 1.1.0 (2021-07-02) New Mermaid config options can be set in config.toml. 1.0.0 (2021-07-01) New Initial fork of the Learn theme based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to Relearn and a new logo. For the reasons behind forking the Learn theme, see this comment in the Learn issues. ",
+    "content": "This document shows you what’s new in the latest release. For a detailed list of changes, see the history page.\n0.95.0 The minimum required Hugo version.\nBreaking A change that requires action by you after upgrading to assure the site is still functional.\nChange A change in default behavior that may requires action by you if you want to revert it.\nNew Marks new behavior you might find interesting or comes configurable.\n5.10.0 (not yet released) New The attachments, badge, button and notice shortcodes have a new parameter color to set arbitrary CSS color values. 5.9.0 (2022-12-23) Change The required folder name for the attachments shortcode was changed for leaf bundles.\nPreviously, the attachments for leaf bundles in non-multilang setups were required to be in a files subdirectory. For page bundles and leaf bundles in multilang setups they were always required to be in a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments for leaf bundles in non-multilang setups can now also reside in a index.files directory. Although the old files directory is now deprecated, if both directories are present, only the old files directory will be used for compatiblity.\nChange Absolute links prefixed with http:// or https:// are now opened in a separate browser tab.\nYou can revert back to the old behavior by defining externalLinkTarget=\"_self\" in the params section of your config.toml.\nNew The theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New The new badge shortcode is now available to add highly configurable markers to your content as you can see it on this page.\nNew The new icon shortcode simplyfies the usage of icons. This can even be combined with also new badge shortcode.\nNew The theme now supports some of GFM (GitHub Flavored Markdown) syntax and Hugo Markdown extensions, namely task lists, defintion lists and footnotes.\nNew A new color --ACCENT-color was introduced which is used for highlightning search results on the page. In case you simply don’t care, you don’t need to change anything in your variant stylesheet as the old yellow color is still used as default.\n5.7.0 (2022-11-29) Change The Korean language translation for this theme is now available with the language code ko. Formerly the country code kr was used instead.\nNew The button shortcode can now also be used as a real button inside of HTML forms - although this is a pretty rare use case. The documentation was updated accordingly.\nNew The search now supports the Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.\nTo activate this feature, you need to configure it in your config.toml as a new outputformat SEARCHPAGE for the home page. If you don’t configure it, no dedicated search page will be accessible and the theme works as before.\nYou can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.\nNew Keyboard handling for the TOC and search was improved.\nPressing CTRL+ALT+t now will not only toggle the TOC overlay but also places the focus to the first heading on opening. Subsequently this makes it possible to easily select headings by using the TAB key.\nThe search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus the cursor inside of the the search box so you can immediately start your search by typing.\nNew You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.\nTo configure this in your config.toml make sure to set Hugo’s disableHugoGeneratorInject=true and also [params] disableGeneratorVersion=true, otherwise Hugo will generate a meta tag into your home page automagically.\nNew Creation of your project gets a little bit faster with this release.\nThis addresses increased build time with the 5.x releases. The theme now heavily caches partial results leading to improved performance. To further increase performance, unnecessary parts of the page are now skipped for creation of the print output (eg. menus, navigation bar, etc.).\n5.5.0 (2022-11-06) Change The way images are processed has changed. Now images are lazy loaded by default which speeds up page load on slow networks and/or big pages and also the print preview.\nFor that the JavaScript code to handle the lightbox and image effects on the client side was removed in favour for static generation of those effects on the server.\nIf you have used HTML directly in your Markdown files, this now has the downside that it doesn’t respect the effect query parameter anymore. In this case you have to migrate all your HTML img URLs manually to the respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change With the proper settings in your config.toml your page is now servable from the local file system using file:// URLs.\nPlease note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your config.toml from JSON to SEARCH. The now deprecated JSON outputformat still works as before, so there is no need to reconfigure your installation if it is only served from http:// or https://.\nChange The button shortcode has a new parameter target to set the destination frame/window for the URL to open. If not given, it defaults to a new window/tab for external URLs or is not set at all for internal URLs. Previously even internal URLs where opened in a new window/tab.\nNew The math shortcode and mermaid shortcode now also support the align parameter if codefence syntax is used.\nNew Support for languages that are written right to left (like Arabic). This is only implemented for the content area but not the navigation sidebar. This feature is not available in Internet Explorer 11.\nNew Translation for Finnish (Suomi).\n5.3.0 (2022-10-07) Change In the effort to comply with WCAG standards, the implementation of the collapsible menu was changed. Although the functionality of the new implementation works with old browsers (Internet Explorer 11), the display of the expander icons does not and is limited to modern browsers.\nNew Image formatting has two new classes to align images to the left or right. Additionally, the already existing inline option is now documented.\nNew Printing for the swagger shortcode was optimized to expand sections that are usually closed in interactive mode. This requires print support to be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true in your config.toml, the menu will be expanded if a search term is found in a collapsed submenu. The menu will return to its initial collapse state once the search term does not match any submenus. 5.1.0 (2022-07-15) 0.95.0 This release requires a newer Hugo version.\nChange Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a index.print.html to the default URL.\nYou can revert this behavior by overwriting the PRINT output format setting in your config.tomlto:\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalinkable = false 5.0.0 (2022-07-05) Breaking The theme changed how JavaScript and CSS dependencies are loaded to provide a better performance. In case you’ve added own JavaScript code that depends on the themes jQuery implementation, you have to put it into a separate *.js file (if not already) and add the defer keyword to the script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change The way archetypes are used to generate output has changed. The new systems allows you, to redefine existing archetypes or even generate your own ones.\nYour existing markdown files will still work like before and therefore you don’t need to change anything after the upgrade. Nevertheless, it is recommended to adapt your existing markdown files to the new way as follows:\nfor your home page, add the frontmatter parameter archetype = \"home\" and remove the leading heading\nfor all files containing the deprecated frontmatter parameter chapter = true, replace it with archetype = \"chapter\" and remove the leading headings\nChange The frontmatter options pre / post were renamed to menuPre / menuPost. The old options will still be used if the new options aren’t set. Therefore you don’t need to change anything after the upgrade.\nNew Adding new partials heading-pre.html / heading-post.html and according frontmatter options headingPre / headingPost to modify the way your page`s main heading gets styled.\nNew The new shortcode math is available to add beautiful math and chemical formulae. See the documentation for available features. This feature will not work with Internet Explorer 11.\n4.2.0 (2022-06-23) Breaking The second parameter for the include shortcode was switched in meaning and was renamed from showfirstheading to hidefirstheading. If you haven’t used this parameter in your shortcode, the default behavior hasn’t changed and you don’t need to change anything.\nIf you’ve used the second boolean parameter, you have to rename it and invert its value to achieve the same behavior.\nChange Previously, if the tabs shortcode could not find a tab item because, the tabs ended up empty. Now the first tab is selected instead.\nChange The landingPageURL was removed from config.toml. You can safely remove this as well from your configuration as it is not used anymore. The theme will detect the landing page URL automatically.\nNew All shortcodes can now be also called from your partials. Examples for this are added to the documentation of each shortcode.\n4.1.0 (2022-06-12) New While fixing issues with the search functionality for non Latin languages, you can now configure to have multiple languages on a single page. 4.0.0 (2022-06-05) Breaking The custom_css config parameter was removed from the configuration. If used in an existing installation, it can be achieved by overriding the custom-header.html template in a much more generic manner.\nBreaking Because anchor hover color was not configurable without introducing more complexity to the variant stylesheets, we decided to remove --MAIN-ANCHOR-color instead. You don’t need to change anything in your custom color stylesheet as the anchors now get their colors from --MAIN-LINK-color and --MAIN-ANCHOR-HOVER-color respectively.\nNew All shortcodes now support named parameter. The positional parameter are still supported but will not be enhanced with new features, so you don’t need to change anything in your installation.\nThis applies to expand, include, notice and siteparam.\nNew The button shortcode received some love and now has a parameter for the color style similar to other shortcodes.\nNew New colors --PRIMARY-color and --SECONDARY-color were added to provide easier modification of your custom style. Shortcodes with a color style can now have primary or secondary as additional values.\nThese two colors are the default for other, more specific color variables. You don’t need to change anything in your existing custom color stylesheets as those variables get reasonable default values.\nNew The documentation for all shortcodes were revised.\n3.4.0 (2022-04-03) Breaking If you had previously overwritten the custom-footer.html partial to add visual elements below the content of your page, you have to move this content to the new partial content-footer.html. custom-footer.html was never meant to contain HTML other than additional styles and JavaScript.\nNew If you prefer expandable/collapsible menu items, you can now set collapsibleMenu=true in your config.toml. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.\nNew You can activate print support in your config.toml to add the capability to print whole chapters or even the complete site.\nNew Translation for Traditional Chinese.\n3.3.0 (2022-03-28) New Introduction of new CSS variables to set the font. The theme distinguishes between --MAIN-font for all content text and --CODE-font for inline or block code. There are additional overrides for all headings. See the theme variant generator of the exampleSite for all available variables.\nNew The new shortcode swagger is available to include a UI for REST OpenAPI Specifications. See the documentation for available features. This feature will not work with Internet Explorer 11.\n3.2.0 (2022-03-19) 0.93.0 This release requires a newer Hugo version.\nChange In this release the Mermaid JavaScript library will only be loaded on demand if the page contains a Mermaid shortcode or is using Mermaid codefences. This changes the behavior of disableMermaid config option as follows: If a Mermaid shortcode or codefence is found, the option will be ignored and Mermaid will be loaded regardlessly.\nThe option is still useful in case you are using scripting to set up your graph. In this case no shortcode or codefence is involved and the library is not loaded by default. In this case you can set disableMermaid=false in your frontmatter to force the library to be loaded. See the theme variant generator of the exampleSite for an example.\nThis change requires at least Hugo 0.93.0 to be used. The minimum requirement will be reported during build on the console if not met.\nNew Additional color variant variable --MERMAID-theme to set the variant’s Mermaid theme. This causes the Mermaid theme to switch with the color variant if it defers from the setting of the formerly selected color variant.\n3.1.0 (2022-03-15) New attachment and notice shortcodes have a new parameter to override the default icon. Allowed values are all Font Awesome 5 Free icons. 3.0.0 (2022-02-22) Breaking We made changes to the menu footer. If you have your menu-footer.html partial overridden, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the menu-footer.html partial that is coming with the exampleSite.\nThis change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and Clear history functionality).\nBreaking We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.\nThis change will only affect your installation if you’ve not set the themeVariant parameter in your config.toml. If you still want to use the Learn color variant, you have to explicitly set themeVariant=\"learn\" in your config.toml.\nNote, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due to a bug, that we couldn’t fix in a general manner for color variants, we decided to remove --MENU-SEARCH-BOX-ICONS-color and introduced --MENU-SEARCH-color instead. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color to --MENU-SEARCH-BORDER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nNew With this release you are now capable to define your own dark mode variants.\nTo make this possible, we have introduced a lot more color variables you can use in your color variants. Your old variants will still work and don’t need to be changed as appropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.\nTo see what’s now possible, see the new variants relearn-dark and neon that are coming with this release.\nNew To make the creation of new variants easier for you, we’ve added a new interactive theme variant generator. This feature will not work with Internet Explorer 11.\nNew You can now configure multiple color variants in your config.toml. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer. See the documentation for configuration.\nNote, that the new variant switch will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant switcher will not be displayed with Internet Explorer 11.\n2.9.0 (2021-11-19) Breaking This release removes the themes implementation of ref/relref in favor for Hugos standard implementation. This is because of inconsistencies with the themes implementation. In advantage, your project becomes standard compliant and exchanging this theme in your project to some other theme will be effortless.\nIn a standard compliant form you must not link to the *.md file but to its logical name. You’ll see, referencing other pages becomes much easier. All three types result in the same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configuration Leaf bundle basics/configuration/index.md basics/configuration Page basics/configuration.md basics/configuration If you’ve linked from a page of one language to a page of another language, conversion is a bit more difficult but Hugo got you covered as well.\nAlso, the old themes implementation allowed refs to non-existing content. This will cause Hugos implementation to show the error below and abort the generation. If your project relies on this old behavior, you can reconfigure the error handling of Hugos implementation.\nIn the best case your usage of the old implementation is already standard compliant and you don’t need to change anything. You’ll notice this very easily once you’ve started hugo server after an upgrade and no errors are written to the console.\nYou may see errors on the console after the update in the form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": page not found In this case, you must apply one of two options:\nCopy the old implementation files theme/hugo-theme-relearn/layouts/shortcode/ref.html and theme/hugo-theme-relearn/layouts/shortcode/relref.html to your own projects layouts/shortcode/ref.html and layouts/shortcode/relref.html respectively. This is not recommended as your project will still rely on non-standard behavior afterwards.\nStart up a text editor with regular expression support for search and replace. Apply the following conversions in the given order on all *.md files. This is the recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Page (ref\\s+\"[^\"]*)\\.md\" $1\" 2.8.0 (2021-11-03) Change Although never officially documented, this release removes the font Novacento/Novecento. If you use it in an overwritten CSS please replace it with Work Sans. This change was necessary as Novacento did not provide all Latin special characters and lead to mixed styled character text eg. for Czech.\nNew The theme now supports favicons served from static/images/ named as favicon or logo in SVG, PNG or ICO format out of the box. An overridden partial layouts/partials/favicon.html may not be necessary anymore in most cases.\nNew You can hide the table of contents menu for the whole site by setting the disableToc option in your config.toml. For an example see the example configuration.\n2.7.0 (2021-10-24) New Optional second parameter for notice shortcode to set title in box header. 2.6.0 (2021-10-21) New Your site can now be served from a subfolder if you set baseURL and canonifyURLs=true in your config.toml. See the documentation for a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color and --CODE-BLOCK-BG-color were added to provide a fallback for Hugos syntax highlighting in case guessSyntax=true is set. Ideally the colors are set to the same values as the ones from your chosen chroma style. 2.4.0 (2021-10-07) Change Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.\nNew Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting disableTagHiddenPages=true in your config.toml.\nNew You can define the expansion state of your menus for the whole site by setting the alwaysopen option in your config.toml. Please see further documentation for possible values and default behavior.\nNew New frontmatter ordersectionsby option to change immediate children sorting in menu and children shortcode. Possible values are title or weight.\nNew Alternate content of a page is now advertised in the HTML meta tags. See Hugo documentation.\n2.3.0 (2021-09-13) 0.81.0 This release requires a newer Hugo version.\nNew Showcase multilanguage features by providing a documentation translation “fer us pirrrates”. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.\n2.2.0 (2021-09-09) New Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting disableSeoHiddenPages=true in your config.toml. 2.1.0 (2021-09-07) 0.69.0 This release requires a newer Hugo version.\nChange In case the site’s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in the exampleSite), they will now be ignored by the search.\nNew Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting disableSearchHiddenPages=true in your config.toml.\nNew If a search term is found in an expand shortcode, the expand will be opened.\nNew The menu will scroll the active item into view on load.\n2.0.0 (2021-08-28) Change Syntax highlighting was switched to the built in Hugo mechanism. You may need to configure a new stylesheet or decide to roll you own as described on in the Hugo documentation\nChange In the predefined stylesheets there was a typo and --MENU-HOME-LINK-HOVERED-color must be changed to --MENU-HOME-LINK-HOVER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange --MENU-HOME-LINK-color and --MENU-HOME-LINK-HOVER-color were missing in the documentation. You should add them to your custom stylesheets if you want to override the defaults.\nChange Arrow navigation and children shortcode were ignoring setting for ordersectionsby. This is now changed and may result in different sorting order of your sub pages.\nChange If hidden pages are accessed directly by typing their URL, they will be exposed in the menu.\nChange A page without a title will be treated as hidden=true.\nNew You can define the expansion state of your menus in the frontmatter. Please see further documentation for possible values and default behavior.\nNew New partials for defining pre/post content for menu items and the content. See documentation for further reading.\nNew Shortcode children with new parameter containerstyle.\nNew New shortcode include to include arbitrary file content into a page.\n1.2.0 (2021-07-26) New Shortcode expand with new parameter to open on page load. 1.1.0 (2021-07-02) New Mermaid config options can be set in config.toml. 1.0.0 (2021-07-01) 0.65.0 The version requirement for Hugo is the same as for the Learn theme version 2.5.0 on 2021-07-01.\nNew Initial fork of the Learn theme based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to Relearn and a new logo. For the reasons behind forking the Learn theme, see this comment in the Learn issues.\n",
     "description": "",
     "tags": null,
     "title": "What's New",
@@ -104,7 +104,7 @@ var relearn_search_index = [
     "uri": "/shortcodes/children/children-1/index.html"
   },
   {
-    "content": "Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.\nJust download latest version of Hugo binary for your OS (Windows, Linux, Mac) : it’s that simple.\n",
+    "content": "Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.\nJust download at leat version 0.95.0 of the Hugo binary for your OS (Windows, Linux, Mac).\n",
     "description": "",
     "tags": null,
     "title": "Requirements",
@@ -386,7 +386,7 @@ var relearn_search_index = [
     "uri": "/tests/chapters/9/index.html"
   },
   {
-    "content": "The attachments shortcode displays a list of files attached to a page with adjustable color, title and icon.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nshortcode partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"context\" . \"sort\" \"asc\" )}} The shortcode lists files found in a specific folder. The name of the folder depends on your page type (either branch bundle, leaf bundle or page).\nFor simple pages, attachments must be placed in a folder named like your page and ending with .files.\ncontent _index.md page.files attachment.pdf page.md If your page is a branch or leaf bundle, attachments must be placed in a nested _index.files or index.files folder, accordingly.\nFor branch bundles:\ncontent _index.md page index.md index.files attachment.pdf For leaf bundles:\ncontent _index.md page _index.md _index.files attachment.pdf Be aware that if you use a multilingual website, you will need to have as many folders as languages and the language code must be part of the folder name.\nEg. for a site in English and Piratish:\ncontent _index.en.md _index.pir.md page.en.files attachment.pdf page.pir.files attachment.pdf page.en.md page.pir.md Parameter Name Default Notes style transparent The color scheme used to highlight the box content.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent title see notes Arbitrary text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other colors: Attachments\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other colors: paperclip\nIf you want no icon, you have to set this parameter to \" \" (a non empty d with spaces) sort asc Sorting the output in ascending or descending order. pattern .* A regular expressions, used to filter the attachments by file name. For example:\n- to match a file suffix of ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- to match file names ending in jpg or png, use .*\\.(jpg|png) Examples Custom Title, List of Attachments Ending in pdf or mp4 {{% attachments title=\"Related files\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Info Styled Box, Descending Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Info movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Style and Icons For further examples for style, title and icon, see the notice shortcode documentation. The parameter are working the same way for both shortcodes, besides having different defaults.\n",
+    "content": "The attachments shortcode displays a list of files attached to a page with adjustable color, title and icon.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nshortcode partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"context\" . \"sort\" \"asc\" )}} Parameter Name Default Notes style transparent The style scheme used for the box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: Attachments\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: paperclip\nIf you want no icon, you have to set this parameter to \" \" (a non empty d with spaces) sort asc Sorting the output in ascending or descending order. pattern .* A regular expressions, used to filter the attachments by file name. For example:\n- to match a file suffix of ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- to match file names ending in jpg or png, use .*\\.(jpg|png) Setup Single language The shortcode lists files found in a specific folder. The name of the folder depends on your page type (either branch bundle, leaf bundle or page).\nFor simple pages, attachments must be placed in a folder named like your page and ending with .files.\ncontent _index.md page.files attachment.pdf page.md If your page is a branch or leaf bundle, attachments must be placed in a nested _index.files or index.files folder, accordingly.\nFor branch bundles:\ncontent _index.md page index.md index.files attachment.pdf For leaf bundles:\ncontent _index.md page _index.md _index.files attachment.pdf Multilingual Be aware that if you use a multilingual website, you will need to have as many folders as languages and the language code must be part of the folder name.\nEg. for a site in English and Piratish:\ncontent _index.en.md _index.pir.md page.en.files attachment.pdf page.pir.files attachment.pdf page.en.md page.pir.md Examples Custom Title, List of Attachments Ending in pdf or mp4 {{% attachments title=\"Related files\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Info Styled Box, Descending Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Info movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) With User-Defined Color and Font Awesome Brand Icon {{% attachments color=\"fuchsia\" icon=\"fab fa-hackerrank\" /%}} Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Style, Color, Title and Icons For further examples for style, color, title and icon, see the notice shortcode documentation. The parameter are working the same way for both shortcodes, besides having different defaults.\n",
     "description": "List of files attached to a page",
     "tags": null,
     "title": "Attachments",
@@ -421,14 +421,14 @@ var relearn_search_index = [
     "uri": "/tests/attach/index.html"
   },
   {
-    "content": "The badge shortcode displays little markers in your text with adjustable color, title and icon.\nImportant Version6.6.6 Captain InfoAwesome\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nshortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"info\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default The color scheme used to paint the badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other colors: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) title see notes Arbitrary text for the badge title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other colors: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text for the badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Breaking{{% /badge %}} InfoNew NoteChange TipOptional WarningBreaking\nBy Brand Colors {{% badge style=\"primary\" icon=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" icon=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} AnnouncementMandatory AnnouncementOptional\nBy Color {{% badge style=\"blue\" icon=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" icon=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" icon=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" icon=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" icon=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" icon=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" icon=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Icon and Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" icon=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nWithout Icon {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" icon=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 InfoAwesome RankCaptain\nWithout Title Text {{% badge icon=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nAll Set {{% badge icon=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 InfoAwesome RankCaptain\nOverride for Severity {{% badge style=\"info\" icon=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other With Icon Content You can combine the badge with the icon shortcode to create even more stunning variants.\nIn this case you need to declare {{\u003c badge \u003e}} instead of {{% badge %}}. Note, that in this case it is not possible to put markdown in the content.\n{{\u003c badge style=\"primary\" icon=\"angle-double-up\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} Pirate\nRank Rank Pirate\nRank Rank Pirate\nInside of Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" icon=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
+    "content": "The badge shortcode displays little markers in your text with adjustable color, title and icon.\nImportant Version6.6.6 Captain InfoNew Awesome\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nshortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge color=\"fuchsia\" icon=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"info\" \"content\" \"New\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"color\" \"fuchsia\" \"icon\" \"fab fa-hackerrank\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default The style scheme used for the badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary text for the badge title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text for the badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Breaking{{% /badge %}} InfoNew NoteChange TipOptional WarningBreaking\nBy Brand Colors {{% badge style=\"primary\" icon=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" icon=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} AnnouncementMandatory AnnouncementOptional\nBy Color {{% badge style=\"blue\" icon=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" icon=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" icon=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" icon=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" icon=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" icon=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" icon=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Icon and Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" icon=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nWithout Icon {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" icon=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 InfoAwesome RankCaptain\nWithout Title Text {{% badge icon=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nAll Set {{% badge icon=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 InfoAwesome RankCaptain\nOverride for Severity {{% badge style=\"info\" icon=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other With User-Defined Color and Font Awesome Brand Icon {{% badge color=\"fuchsia\" icon=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} Awesome With Icon Content You can combine the badge with the icon shortcode to create even more stunning visuals.\nIn this case you need to declare {{\u003c badge \u003e}} instead of {{% badge %}}. Note, that in this case it is not possible to put markdown in the content.\n{{\u003c badge style=\"primary\" icon=\"angle-double-up\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} Pirate\nRank Rank Pirate\nRank Rank Pirate\nInside of Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" icon=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
     "description": "Marker badges to display in your text",
     "tags": null,
     "title": "Badge",
     "uri": "/shortcodes/badge/index.html"
   },
   {
-    "content": "The button shortcode displays a clickable button with adjustable color, title and icon.\nGet Hugo Get Hugo Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nshortcode partial {{% button href=\"https://gohugo.io/\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" icon=\"dragon\" %}}Get Hugo{{% /button %}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"style\" \"warning\" \"icon\" \"dragon\" \"content\" \"Get Hugo\" )}} Once the button is clicked, it opens another browser tab for the given URL.\nParameter Name Default Notes href \u003cempty\u003e Either the destination URL for the button or JavaScript code to be executed on click. If this parameter is not set, the button will do nothing but is still displayed as clickable.\n- if starting with javascript: all following text will be executed in your browser\n- every other string will be interpreted as URL style transparent The color scheme used to paint the button.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other colors: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) iconposition left Places the icon to the left or right of the title. target see notes The destination frame/window if href is an URL. Otherwise the parameter is not used. This behaves similar to normal links. If the parameter is not given it defaults to:\n- the setting of externalLinkTarget or _blank if not set, for any address starting with http:// or https://\n- no specific value for all other links type see notes The button type if href is JavaScript. Otherwise the parameter is not used. If the parameter is not given it defaults to button \u003ccontent\u003e see notes Arbitrary text for the button title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other colors: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) Examples Style By Severity {{% button href=\"https://gohugo.io/\" style=\"info\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"note\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Get Hugo Get Hugo By Brand Colors {{% button href=\"https://gohugo.io/\" style=\"primary\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"secondary\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo By Color {{% button href=\"https://gohugo.io/\" style=\"blue\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"green\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"grey\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"orange\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"red\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Get Hugo Get Hugo Get Hugo By Special Color {{% button href=\"https://gohugo.io/\" style=\"default\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"transparent\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Icon To the Left {{% button href=\"https://gohugo.io/\" icon=\"download\" %}}Get Hugo{{% /button %}} Get Hugo To the Right {{% button href=\"https://gohugo.io/\" icon=\"download\" iconposition=\"right\" %}}Get Hugo{{% /button %}} Get Hugo Override for Severity {{% button href=\"https://gohugo.io/\" icon=\"dragon\" style=\"warning\" %}}Get Hugo{{% /button %}} Get Hugo Target {{% button href=\"https://gohugo.io/\" target=\"_self\" %}}Get Hugo in same window{{% /button %}} {{% button href=\"https://gohugo.io/\" %}}Get Hugo in new Window/Frame (default){{% /button %}} Get Hugo in same Window/Frame Get Hugo in new Window/Frame (default) Other Severity Style with All Defaults {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}{{% /button %}} Tip Button to Internal Page {{% button href=\"/index.html\" %}}Home{{% /button %}} Home Button with JavaScript Action If your JavaScript action does not change the focus afterwards, make sure to call this.blur() in the end to unselect the button.\n{{% button style=\"primary\" icon=\"bullhorn\" href=\"javascript:alert('Hello world!');this.blur();\" %}}Shout it out{{% /button %}} Shout it out Button within a form Element To use native HTML elements in your Markdown, add this in your config.toml\n[markup.goldmark.renderer] unsafe = true \u003cform action=\"../../search.html\" method=\"get\"\u003e \u003cinput name=\"search-by-detail\" class=\"search-by\" type=\"search\"\u003e {{% button type=\"submit\" style=\"secondary\" icon=\"search\" %}}Search{{% /button %}} \u003c/form\u003e Search ",
+    "content": "The button shortcode displays a clickable button with adjustable color, title and icon.\nGet Hugo Get Hugo Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nshortcode partial {{% button href=\"https://gohugo.io/\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" icon=\"dragon\" %}}Get Hugo{{% /button %}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"style\" \"warning\" \"icon\" \"dragon\" \"content\" \"Get Hugo\" )}} Once the button is clicked, it opens another browser tab for the given URL.\nParameter Name Default Notes href \u003cempty\u003e Either the destination URL for the button or JavaScript code to be executed on click. If this parameter is not set, the button will do nothing but is still displayed as clickable.\n- if starting with javascript: all following text will be executed in your browser\n- every other string will be interpreted as URL style transparent The style scheme used for the button.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) iconposition left Places the icon to the left or right of the title. target see notes The destination frame/window if href is an URL. Otherwise the parameter is not used. This behaves similar to normal links. If the parameter is not given it defaults to:\n- the setting of externalLinkTarget or _blank if not set, for any address starting with http:// or https://\n- no specific value for all other links type see notes The button type if href is JavaScript. Otherwise the parameter is not used. If the parameter is not given it defaults to button \u003ccontent\u003e see notes Arbitrary text for the button title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) Examples Style By Severity {{% button href=\"https://gohugo.io/\" style=\"info\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"note\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Get Hugo Get Hugo By Brand Colors {{% button href=\"https://gohugo.io/\" style=\"primary\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"secondary\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo By Color {{% button href=\"https://gohugo.io/\" style=\"blue\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"green\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"grey\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"orange\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"red\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Get Hugo Get Hugo Get Hugo By Special Color {{% button href=\"https://gohugo.io/\" style=\"default\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"transparent\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Icon To the Left {{% button href=\"https://gohugo.io/\" icon=\"download\" %}}Get Hugo{{% /button %}} Get Hugo To the Right {{% button href=\"https://gohugo.io/\" icon=\"download\" iconposition=\"right\" %}}Get Hugo{{% /button %}} Get Hugo Override for Severity {{% button href=\"https://gohugo.io/\" icon=\"dragon\" style=\"warning\" %}}Get Hugo{{% /button %}} Get Hugo Target {{% button href=\"https://gohugo.io/\" target=\"_self\" %}}Get Hugo in same window{{% /button %}} {{% button href=\"https://gohugo.io/\" %}}Get Hugo in new Window/Frame (default){{% /button %}} Get Hugo in same Window/Frame Get Hugo in new Window/Frame (default) Other With User-Defined Color and Font Awesome Brand Icon {{% button href=\"https://gohugo.io/\" color=\"fuchsia\" icon=\"fab fa-hackerrank\" %}}Hugo{{% /button %}} Hugo Severity Style with All Defaults {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}{{% /button %}} Tip Button to Internal Page {{% button href=\"/index.html\" %}}Home{{% /button %}} Home Button with JavaScript Action If your JavaScript action does not change the focus afterwards, make sure to call this.blur() in the end to unselect the button.\n{{% button style=\"primary\" icon=\"bullhorn\" href=\"javascript:alert('Hello world!');this.blur();\" %}}Shout it out{{% /button %}} Shout it out Button within a form Element To use native HTML elements in your Markdown, add this in your config.toml\n[markup.goldmark.renderer] unsafe = true \u003cform action=\"../../search.html\" method=\"get\"\u003e \u003cinput name=\"search-by-detail\" class=\"search-by\" type=\"search\"\u003e {{% button type=\"submit\" style=\"secondary\" icon=\"search\" %}}Search{{% /button %}} \u003c/form\u003e Search ",
     "description": "Clickable buttons",
     "tags": null,
     "title": "Button",
@@ -547,7 +547,7 @@ var relearn_search_index = [
     "uri": "/tags/non-hidden/index.html"
   },
   {
-    "content": "The notice shortcode shows various types of disclaimers with adjustable color, title and icon to help you structure your page.\nThere may be pirates It is all about the boxes.\nUsage While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.\nshortcode shortcode (positional) partial {{% notice style=\"primary\" title=\"There may be pirates\" icon=\"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It is all about the boxes.\" )}} Parameter Name Position Default Notes style 1 default The color scheme used to highlight the box content.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent title 2 see notes Arbitrary text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other colors: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon 3 see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other colors: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed in box. Examples By Severity Info with markup {{% notice style=\"info\" %}} An **information** disclaimer You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possibilities are endless (almost - including other shortcodes may or may not work) {{% /notice %}} Info An information disclaimer\nYou can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work)\nNote {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Note A notice disclaimer\nTip {{% notice style=\"tip\" %}} A **tip** disclaimer Tip A tip disclaimer\nWarning {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Warning A warning disclaimer\nWarning with Non-Default Title and Icon {{% notice style=\"warning\" title=\"Here are dragons\" icon=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here are dragons A warning disclaimer\nWarning without a Title and Icon {{% notice style=\"warning\" title=\" \" icon=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary with Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary with Icon only {{% notice style=\"secondary\" icon=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nBy Color Blue without a Title and Icon {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen with Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey with Icon only {{% notice style=\"grey\" icon=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange with Title and Icon {{% notice style=\"orange\" title=\"Orange\" icon=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title and Icon {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default with Title and Icon {{% notice style=\"default\" title\"Pay Attention to this Note!\" icon=\"skull-crossbones\" %}} Some serious information. {{% /notice %}} Pay Attention to this Note! Some serious information.\nTransparent with Title and Icon {{% notice style=\"transparent\" title\"Pay Attention to this Note!\" icon=\"skull-crossbones\" %}} Some serious information. {{% /notice %}} Pay Attention to this Note! Some serious information.\n",
+    "content": "The notice shortcode shows various types of disclaimers with adjustable color, title and icon to help you structure your page.\nThere may be pirates It is all about the boxes.\nUsage While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.\nshortcode shortcode (positional) partial {{% notice style=\"primary\" title=\"There may be pirates\" icon=\"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It is all about the boxes.\" )}} Parameter Name Position Default Notes style 1 default The style scheme used for the box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title 2 see notes Arbitrary text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon 3 see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed in box. Examples By Severity Info with markup {{% notice style=\"info\" %}} An **information** disclaimer You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possibilities are endless (almost - including other shortcodes may or may not work) {{% /notice %}} Info An information disclaimer\nYou can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work)\nNote {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Note A notice disclaimer\nTip {{% notice style=\"tip\" %}} A **tip** disclaimer Tip A tip disclaimer\nWarning {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Warning A warning disclaimer\nWarning with Non-Default Title and Icon {{% notice style=\"warning\" title=\"Here are dragons\" icon=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here are dragons A warning disclaimer\nWarning without a Title and Icon {{% notice style=\"warning\" title=\" \" icon=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary with Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary with Icon only {{% notice style=\"secondary\" icon=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nBy Color Blue without a Title and Icon {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen with Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey with Icon only {{% notice style=\"grey\" icon=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange with Title and Icon {{% notice style=\"orange\" title=\"Orange\" icon=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title and Icon {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default with Positional Parameter {{% notice default \"Pay Attention to this Note!\" \"skull-crossbones\" %}} Some serious information. {{% /notice %}} Pay Attention to this Note! Some serious information.\nTransparent with Title and Icon {{% notice style=\"transparent\" title=\"Pay Attention to this Note!\" icon=\"skull-crossbones\" %}} Some serious information. {{% /notice %}} Pay Attention to this Note! Some serious information.\nWith User-Defined Color and Font Awesome Brand Icon {{% notice color=\"fuchsia\" title=\"Hugo\" icon=\"fab fa-hackerrank\" %}} Victor? Is it you? {{% /notice %}} Hugo Victor? Is it you?\n",
     "description": "Disclaimers to help you structure your page",
     "tags": null,
     "title": "Notice",
diff --git a/more/credits/index.html b/more/credits/index.html
index db4f9b48db..a8a400e7fc 100644
--- a/more/credits/index.html
+++ b/more/credits/index.html
@@ -10,21 +10,21 @@
     <title>Credits :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -194,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -315,13 +315,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index 7b1ecadb83..be4a913d01 100644
--- a/more/credits/index.print.html
+++ b/more/credits/index.print.html
@@ -10,22 +10,22 @@
     <title>Credits :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -107,9 +107,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/more/showcase/index.html b/more/showcase/index.html
index b7adc32da4..363ef73401 100644
--- a/more/showcase/index.html
+++ b/more/showcase/index.html
@@ -10,21 +10,21 @@
     <title>Showcase :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -198,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -319,13 +319,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/more/showcase/index.print.html b/more/showcase/index.print.html
index 237743e63d..0cb8304f90 100644
--- a/more/showcase/index.print.html
+++ b/more/showcase/index.print.html
@@ -10,22 +10,22 @@
     <title>Showcase :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -99,9 +99,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index 7d0abeaaed..e523e07071 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -8,21 +8,21 @@
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../js/url.js?1674478178"></script>
-    <script src="../js/variant.js?1674478178"></script>
+    <link href="../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../js/url.js?1674514151"></script>
+    <script src="../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -40,7 +40,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478178" defer></script>
+    <script src="../js/jquery.min.js?1674514151" defer></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index 1eb44ad595..280c005ff4 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -10,21 +10,21 @@
     <title>Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -342,12 +342,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -463,13 +463,13 @@ 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?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index 9502a43df3..323d1fc1c0 100644
--- a/pir/basics/configuration/index.print.html
+++ b/pir/basics/configuration/index.print.html
@@ -10,22 +10,22 @@
     <title>Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -255,9 +255,9 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 78305fea43..5a6530dce2 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -10,21 +10,21 @@
     <title>Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -241,12 +241,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?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -362,13 +362,13 @@ 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?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index 5f93090c15..97559c770c 100644
--- a/pir/basics/customization/index.print.html
+++ b/pir/basics/customization/index.print.html
@@ -10,22 +10,22 @@
     <title>Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -154,9 +154,9 @@ 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?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index d6ff06a9e8..f036dcdbca 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -10,21 +10,21 @@
     <title>Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -226,12 +226,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -347,13 +347,13 @@ 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?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index 10271c642b..85e0b16714 100644
--- a/pir/basics/generator/index.print.html
+++ b/pir/basics/generator/index.print.html
@@ -10,22 +10,22 @@
     <title>Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -139,9 +139,9 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index fe9ce6f07a..cb28f905b7 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -10,21 +10,21 @@
     <title>Historrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -1064,12 +1064,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1185,13 +1185,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index 18595ceec7..d471fd4c69 100644
--- a/pir/basics/history/index.print.html
+++ b/pir/basics/history/index.print.html
@@ -10,22 +10,22 @@
     <title>Historrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -977,9 +977,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 228fbf3928..7b8c974ce5 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -10,21 +10,21 @@
     <title>Basics :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514151"></script>
+    <script src="../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../js/search.js?1674478179" defer></script>
+        <script src="../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478179"></script>
+          <script async src="../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../js/theme.js?1674478179" defer></script>
+    <script src="../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index 4b12fef412..1d53119bc3 100644
--- a/pir/basics/index.print.html
+++ b/pir/basics/index.print.html
@@ -10,22 +10,22 @@
     <title>Basics :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../js/url.js?1674478180"></script>
-    <script src="../../js/variant.js?1674478180"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../js/url.js?1674514152"></script>
+    <script src="../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -104,10 +104,16 @@
 </div>
 
 <p>This document shows ye what&rsquo;s new 'n th' latest release. For a detailed list o' changes, see th' <a href="../../basics/history/">history plank</a>.</p>
+<p><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> Th' minimum required Cap'n Hugo version.</p>
 <p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.</p>
-<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change 'n default behavior. This may requires act'n by ye / may or may not be revert'ble by configurat'n.</p>
+<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change 'n default behavior that may requires act'n by ye if ye want t' revert it.</p>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Marks new behavior ye might find interest'n or comes configur'ble.</p>
 <hr>
+<h2 id="5100-not-yet-released">5.10.0 (not yet released)</h2>
+<ul>
+<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' <a href="../../shortcodes/attachments/"><code>attachments</code></a>, <a href="../../shortcodes/badge/"><code>badge</code></a>, <a href="../../shortcodes/button/"><code>button</code></a> an' <a href="../../shortcodes/notice/"><code>notice</code></a> shorrrtcodes have a new parameter <code>color</code> t' set arbitrary CSS color values.</li>
+</ul>
+<hr>
 <h2 id="590-2022-12-23">5.9.0 (2022-12-23)</h2>
 <ul>
 <li>
@@ -239,6 +245,9 @@
 <h2 id="510-2022-07-15">5.1.0 (2022-07-15)</h2>
 <ul>
 <li>
+<p><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> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a <code>index.print.html</code> t' th' default URL.</p>
 <p>Ye can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer <code>config.toml</code>t':</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputFormats</span><span class="p">]</span>
@@ -356,6 +365,9 @@
 <h2 id="320-2022-03-19">3.2.0 (2022-03-19)</h2>
 <ul>
 <li>
+<p><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.93.0</span></span> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shorrrtcode or be us'n Merrrmaid codefences. This changes th' behavior o' <code>disableMermaid</code> config opt'n as follows: If a Merrrmaid shorrrtcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.</p>
 <p>Th' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shorrrtcode or codefence be involved an' th' library be not boarded by default. In this case ye can set <code>disableMermaid=false</code> 'n yer frontmatter t' force th' library t' be boarded. See th' <a href="../../basics/generator/">theme variant generator</a> o' th' exampleSite fer an example.</p>
 <p><strong>This change requires at least Cap'n Hugo 0.93.0 t' be used</strong>. Th' minimum requirement will be reported dur'n build on th' console if not met.</p>
@@ -524,7 +536,12 @@
 <hr>
 <h2 id="230-2021-09-13">2.3.0 (2021-09-13)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by provid'n a documentat'n translat'n &ldquo;fer us pirrrates&rdquo;. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.</li>
+<li>
+<p><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.81.0</span></span> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by provid'n a documentat'n translat'n &ldquo;fer us pirrrates&rdquo;. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.</p>
+</li>
 </ul>
 <hr>
 <h2 id="220-2021-09-09">2.2.0 (2021-09-09)</h2>
@@ -535,6 +552,9 @@
 <h2 id="210-2021-09-07">2.1.0 (2021-09-07)</h2>
 <ul>
 <li>
+<p><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.69.0</span></span> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In case th' site&rsquo;s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see <code>CHANGELOG.md</code> 'n th' exampleSite), they will now be ignored by th' search.</p>
 </li>
 <li>
@@ -594,7 +614,12 @@
 <hr>
 <h2 id="100-2021-07-01">1.0.0 (2021-07-01)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork o' th' <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' <code>Relearrrn</code> an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> 'n th' Learrrn issues.</li>
+<li>
+<p><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.65.0</span></span> Th' version requirement fer Cap'n Hugo be th' same as fer th' Learrrn theme version 2.5.0 on 2021-07-01.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork o' th' <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' <code>Relearrrn</code> an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> 'n th' Learrrn issues.</p>
+</li>
 </ul>
 
 
@@ -614,7 +639,7 @@
 </div>
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
-<p>Just download latest version o' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
+<p>Just download at leat 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="../../basics/requirements/magic.gif?classes=shadow" data-featherlight="image">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
@@ -1933,9 +1958,9 @@ window.variants && variants.generator( '#vargenerator' );
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../js/theme.js?1674478180" defer></script>
+    <script src="../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.xml b/pir/basics/index.xml
index e9c30d8c36..b973a934b7 100644
--- a/pir/basics/index.xml
+++ b/pir/basics/index.xml
@@ -13,8 +13,8 @@
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html</guid>
       <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
 This document shows ye what&amp;rsquo;s new &#39;n th&#39; latest release. For a detailed list o&#39; changes, see th&#39; history plank.
-Break&#39;n A change that requires act&#39;n by ye aft upgrad&#39;n t&#39; assure th&#39; ship be still functional.
-Change A change &#39;n default behavior.</description>
+0.95.0 Th&#39; minimum required Cap&#39;n Hugo version.
+Break&#39;n A change that requires act&#39;n by ye aft upgrad&#39;n t&#39; assure th&#39; ship be still functional.</description>
     </item>
     <item>
       <title>Requirrrements</title>
@@ -23,7 +23,7 @@ Change A change &#39;n default behavior.</description>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html</guid>
       <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
 Thanks t&#39; th&#39; simplicity o&#39; Cap&#39;n Hugo, this plank be as empty as this theme needs requirements.
-Just download latest version o&#39; Cap&#39;n Hugo binary fer yer OS (Windows, Linux, Mac) : it&amp;rsquo;s that simple.</description>
+Just download at leat version 0.95.0 o&#39; th&#39; Cap&#39;n Hugo binary fer yer OS (Windows, Linux, Mac).</description>
     </item>
     <item>
       <title>Installat&#39;n</title>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 0cc7811fb9..06bc9f430a 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -10,21 +10,21 @@
     <title>Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -237,12 +237,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -358,13 +358,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index 368696636c..8d163187d4 100644
--- a/pir/basics/installation/index.print.html
+++ b/pir/basics/installation/index.print.html
@@ -10,22 +10,22 @@
     <title>Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -150,9 +150,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index ba908516d4..cf09e69f22 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -10,21 +10,21 @@
     <title>What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -99,10 +99,16 @@
 </div>
 
 <p>This document shows ye what&rsquo;s new 'n th' latest release. For a detailed list o' changes, see th' <a href="../../../basics/history/">history plank</a>.</p>
+<p><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> Th' minimum required Cap'n Hugo version.</p>
 <p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.</p>
-<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change 'n default behavior. This may requires act'n by ye / may or may not be revert'ble by configurat'n.</p>
+<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change 'n default behavior that may requires act'n by ye if ye want t' revert it.</p>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Marks new behavior ye might find interest'n or comes configur'ble.</p>
 <hr>
+<h2 id="5100-not-yet-released">5.10.0 (not yet released)</h2>
+<ul>
+<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' <a href="../../../shortcodes/attachments/"><code>attachments</code></a>, <a href="../../../shortcodes/badge/"><code>badge</code></a>, <a href="../../../shortcodes/button/"><code>button</code></a> an' <a href="../../../shortcodes/notice/"><code>notice</code></a> shorrrtcodes have a new parameter <code>color</code> t' set arbitrary CSS color values.</li>
+</ul>
+<hr>
 <h2 id="590-2022-12-23">5.9.0 (2022-12-23)</h2>
 <ul>
 <li>
@@ -234,6 +240,9 @@
 <h2 id="510-2022-07-15">5.1.0 (2022-07-15)</h2>
 <ul>
 <li>
+<p><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> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a <code>index.print.html</code> t' th' default URL.</p>
 <p>Ye can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer <code>config.toml</code>t':</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputFormats</span><span class="p">]</span>
@@ -351,6 +360,9 @@
 <h2 id="320-2022-03-19">3.2.0 (2022-03-19)</h2>
 <ul>
 <li>
+<p><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.93.0</span></span> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shorrrtcode or be us'n Merrrmaid codefences. This changes th' behavior o' <code>disableMermaid</code> config opt'n as follows: If a Merrrmaid shorrrtcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.</p>
 <p>Th' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shorrrtcode or codefence be involved an' th' library be not boarded by default. In this case ye can set <code>disableMermaid=false</code> 'n yer frontmatter t' force th' library t' be boarded. See th' <a href="../../../basics/generator/">theme variant generator</a> o' th' exampleSite fer an example.</p>
 <p><strong>This change requires at least Cap'n Hugo 0.93.0 t' be used</strong>. Th' minimum requirement will be reported dur'n build on th' console if not met.</p>
@@ -519,7 +531,12 @@
 <hr>
 <h2 id="230-2021-09-13">2.3.0 (2021-09-13)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by provid'n a documentat'n translat'n &ldquo;fer us pirrrates&rdquo;. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.</li>
+<li>
+<p><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.81.0</span></span> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by provid'n a documentat'n translat'n &ldquo;fer us pirrrates&rdquo;. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.</p>
+</li>
 </ul>
 <hr>
 <h2 id="220-2021-09-09">2.2.0 (2021-09-09)</h2>
@@ -530,6 +547,9 @@
 <h2 id="210-2021-09-07">2.1.0 (2021-09-07)</h2>
 <ul>
 <li>
+<p><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.69.0</span></span> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In case th' site&rsquo;s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see <code>CHANGELOG.md</code> 'n th' exampleSite), they will now be ignored by th' search.</p>
 </li>
 <li>
@@ -589,7 +609,12 @@
 <hr>
 <h2 id="100-2021-07-01">1.0.0 (2021-07-01)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork o' th' <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' <code>Relearrrn</code> an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> 'n th' Learrrn issues.</li>
+<li>
+<p><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.65.0</span></span> Th' version requirement fer Cap'n Hugo be th' same as fer th' Learrrn theme version 2.5.0 on 2021-07-01.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork o' th' <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' <code>Relearrrn</code> an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> 'n th' Learrrn issues.</p>
+</li>
 </ul>
 
 
@@ -671,12 +696,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -792,13 +817,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index 8457ca54fe..d081ff72e8 100644
--- a/pir/basics/migration/index.print.html
+++ b/pir/basics/migration/index.print.html
@@ -10,22 +10,22 @@
     <title>What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -84,10 +84,16 @@
 </div>
 
 <p>This document shows ye what&rsquo;s new 'n th' latest release. For a detailed list o' changes, see th' <a href="../../../basics/history/">history plank</a>.</p>
+<p><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> Th' minimum required Cap'n Hugo version.</p>
 <p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.</p>
-<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change 'n default behavior. This may requires act'n by ye / may or may not be revert'ble by configurat'n.</p>
+<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change 'n default behavior that may requires act'n by ye if ye want t' revert it.</p>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Marks new behavior ye might find interest'n or comes configur'ble.</p>
 <hr>
+<h2 id="5100-not-yet-released">5.10.0 (not yet released)</h2>
+<ul>
+<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' <a href="../../../shortcodes/attachments/"><code>attachments</code></a>, <a href="../../../shortcodes/badge/"><code>badge</code></a>, <a href="../../../shortcodes/button/"><code>button</code></a> an' <a href="../../../shortcodes/notice/"><code>notice</code></a> shorrrtcodes have a new parameter <code>color</code> t' set arbitrary CSS color values.</li>
+</ul>
+<hr>
 <h2 id="590-2022-12-23">5.9.0 (2022-12-23)</h2>
 <ul>
 <li>
@@ -219,6 +225,9 @@
 <h2 id="510-2022-07-15">5.1.0 (2022-07-15)</h2>
 <ul>
 <li>
+<p><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> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a <code>index.print.html</code> t' th' default URL.</p>
 <p>Ye can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer <code>config.toml</code>t':</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputFormats</span><span class="p">]</span>
@@ -336,6 +345,9 @@
 <h2 id="320-2022-03-19">3.2.0 (2022-03-19)</h2>
 <ul>
 <li>
+<p><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.93.0</span></span> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shorrrtcode or be us'n Merrrmaid codefences. This changes th' behavior o' <code>disableMermaid</code> config opt'n as follows: If a Merrrmaid shorrrtcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.</p>
 <p>Th' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shorrrtcode or codefence be involved an' th' library be not boarded by default. In this case ye can set <code>disableMermaid=false</code> 'n yer frontmatter t' force th' library t' be boarded. See th' <a href="../../../basics/generator/">theme variant generator</a> o' th' exampleSite fer an example.</p>
 <p><strong>This change requires at least Cap'n Hugo 0.93.0 t' be used</strong>. Th' minimum requirement will be reported dur'n build on th' console if not met.</p>
@@ -504,7 +516,12 @@
 <hr>
 <h2 id="230-2021-09-13">2.3.0 (2021-09-13)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by provid'n a documentat'n translat'n &ldquo;fer us pirrrates&rdquo;. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.</li>
+<li>
+<p><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.81.0</span></span> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by provid'n a documentat'n translat'n &ldquo;fer us pirrrates&rdquo;. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.</p>
+</li>
 </ul>
 <hr>
 <h2 id="220-2021-09-09">2.2.0 (2021-09-09)</h2>
@@ -515,6 +532,9 @@
 <h2 id="210-2021-09-07">2.1.0 (2021-09-07)</h2>
 <ul>
 <li>
+<p><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.69.0</span></span> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In case th' site&rsquo;s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see <code>CHANGELOG.md</code> 'n th' exampleSite), they will now be ignored by th' search.</p>
 </li>
 <li>
@@ -574,7 +594,12 @@
 <hr>
 <h2 id="100-2021-07-01">1.0.0 (2021-07-01)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork o' th' <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' <code>Relearrrn</code> an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> 'n th' Learrrn issues.</li>
+<li>
+<p><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.65.0</span></span> Th' version requirement fer Cap'n Hugo be th' same as fer th' Learrrn theme version 2.5.0 on 2021-07-01.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork o' th' <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' <code>Relearrrn</code> an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> 'n th' Learrrn issues.</p>
+</li>
 </ul>
 
 
@@ -584,9 +609,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index cc603fd2de..652ff756ee 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -10,21 +10,21 @@
     <title>Requirrrements :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -99,7 +99,7 @@
 </div>
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
-<p>Just download latest version o' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
+<p>Just download at leat 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="../../../basics/requirements/magic.gif?classes=shadow" data-featherlight="image">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -305,13 +305,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index 70c149a36e..fd232ed895 100644
--- a/pir/basics/requirements/index.print.html
+++ b/pir/basics/requirements/index.print.html
@@ -10,22 +10,22 @@
     <title>Requirrrements :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -84,7 +84,7 @@
 </div>
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
-<p>Just download latest version o' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
+<p>Just download at leat 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="../../../basics/requirements/magic.gif?classes=shadow" data-featherlight="image">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
@@ -97,9 +97,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index f75df5d29e..581eebe188 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>Categories :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514151"></script>
+    <script src="../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -157,12 +157,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../js/search.js?1674478180" defer></script>
+        <script src="../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -278,13 +278,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478180"></script>
+          <script async src="../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../js/theme.js?1674478180" defer></script>
+    <script src="../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index d140d968aa..1cdf908813 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -10,21 +10,21 @@
     <title>Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -269,12 +269,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -390,13 +390,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index 18d35b85a6..687d79b19e 100644
--- a/pir/cont/archetypes/index.print.html
+++ b/pir/cont/archetypes/index.print.html
@@ -10,22 +10,22 @@
     <title>Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -182,9 +182,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 719c6d0e8c..3d7864c09c 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -10,21 +10,21 @@
     <title>Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -271,12 +271,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?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -392,13 +392,13 @@ 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?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index 56eba141f7..61dd80dccb 100644
--- a/pir/cont/i18n/index.print.html
+++ b/pir/cont/i18n/index.print.html
@@ -10,22 +10,22 @@
     <title>Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -184,9 +184,9 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index f6adf3c163..a0a378e0a9 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -10,21 +10,21 @@
     <title>Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514151"></script>
+    <script src="../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../js/search.js?1674478179" defer></script>
+        <script src="../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478179"></script>
+          <script async src="../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../js/theme.js?1674478179" defer></script>
+    <script src="../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index e08e4e3566..84d80ae9bc 100644
--- a/pir/cont/index.print.html
+++ b/pir/cont/index.print.html
@@ -10,22 +10,22 @@
     <title>Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../js/url.js?1674478180"></script>
-    <script src="../../js/variant.js?1674478180"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../js/url.js?1674514152"></script>
+    <script src="../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -1375,9 +1375,9 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../js/theme.js?1674478180" defer></script>
+    <script src="../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index f04f9c6217..050ef591f5 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -10,21 +10,21 @@
     <title>Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -880,12 +880,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../../js/search.js?1674478178" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1001,13 +1001,13 @@ 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?1674478178"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index 6052fe4683..98b755fbba 100644
--- a/pir/cont/markdown/index.print.html
+++ b/pir/cont/markdown/index.print.html
@@ -10,22 +10,22 @@
     <title>Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -793,9 +793,9 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index a1cd27f11a..3c38826aab 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -10,21 +10,21 @@
     <title>Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -286,12 +286,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?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../../js/search.js?1674478178" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -407,13 +407,13 @@ 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?1674478178"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index c77a828e52..f3a6c8e7bd 100644
--- a/pir/cont/menushortcuts/index.print.html
+++ b/pir/cont/menushortcuts/index.print.html
@@ -10,22 +10,22 @@
     <title>Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -199,9 +199,9 @@ 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?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index ed67257090..6c52538001 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -10,21 +10,21 @@
     <title>Planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -283,12 +283,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?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -404,13 +404,13 @@ 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?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index d16b7df762..f3f7a99afb 100644
--- a/pir/cont/pages/index.print.html
+++ b/pir/cont/pages/index.print.html
@@ -10,22 +10,22 @@
     <title>Planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -196,9 +196,9 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.html b/pir/cont/syntaxhighlight/index.html
index 94349bcf0f..1eb25161c3 100644
--- a/pir/cont/syntaxhighlight/index.html
+++ b/pir/cont/syntaxhighlight/index.html
@@ -10,21 +10,21 @@
     <title>Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -223,12 +223,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../../js/search.js?1674478178" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -344,13 +344,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478178"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.print.html b/pir/cont/syntaxhighlight/index.print.html
index 7eb3b2f8a1..74b6a2cc3c 100644
--- a/pir/cont/syntaxhighlight/index.print.html
+++ b/pir/cont/syntaxhighlight/index.print.html
@@ -10,22 +10,22 @@
     <title>Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -136,9 +136,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/cont/tags/index.html b/pir/cont/tags/index.html
index 35d9533bba..8bebac1648 100644
--- a/pir/cont/tags/index.html
+++ b/pir/cont/tags/index.html
@@ -10,21 +10,21 @@
     <title>Tags :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -198,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../../js/search.js?1674478178" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -319,13 +319,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478178"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/cont/tags/index.print.html b/pir/cont/tags/index.print.html
index 04c45bf974..fb16657806 100644
--- a/pir/cont/tags/index.print.html
+++ b/pir/cont/tags/index.print.html
@@ -10,22 +10,22 @@
     <title>Tags :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -111,9 +111,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 3c3ef82bc0..b05e91cb2f 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -10,21 +10,21 @@
     <title>Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../js/url.js?1674478178"></script>
-    <script src="../js/variant.js?1674478178"></script>
+    <link href="../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../js/url.js?1674514151"></script>
+    <script src="../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478178" defer></script>
+    <script src="../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -239,12 +239,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1674478179" defer></script>
-        <script src="../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../js/search.js?1674478179" defer></script>
+        <script src="../js/auto-complete.js?1674514151" defer></script>
+        <script src="../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -360,13 +360,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1674478179"></script>
+          <script async src="../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../js/theme.js?1674478179" defer></script>
+    <script src="../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index ecf3f1487b..6a5c9123ef 100644
--- a/pir/index.print.html
+++ b/pir/index.print.html
@@ -10,22 +10,22 @@
     <title>Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../js/url.js?1674478180"></script>
-    <script src="../js/variant.js?1674478180"></script>
+    <link href="../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../js/url.js?1674514152"></script>
+    <script src="../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478180" defer></script>
+    <script src="../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -185,10 +185,16 @@
 </div>
 
 <p>This document shows ye what&rsquo;s new 'n th' latest release. For a detailed list o' changes, see th' <a href="../basics/history/">history plank</a>.</p>
+<p><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> Th' minimum required Cap'n Hugo version.</p>
 <p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.</p>
-<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change 'n default behavior. This may requires act'n by ye / may or may not be revert'ble by configurat'n.</p>
+<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> A change 'n default behavior that may requires act'n by ye if ye want t' revert it.</p>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Marks new behavior ye might find interest'n or comes configur'ble.</p>
 <hr>
+<h2 id="5100-not-yet-released">5.10.0 (not yet released)</h2>
+<ul>
+<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' <a href="../shortcodes/attachments/"><code>attachments</code></a>, <a href="../shortcodes/badge/"><code>badge</code></a>, <a href="../shortcodes/button/"><code>button</code></a> an' <a href="../shortcodes/notice/"><code>notice</code></a> shorrrtcodes have a new parameter <code>color</code> t' set arbitrary CSS color values.</li>
+</ul>
+<hr>
 <h2 id="590-2022-12-23">5.9.0 (2022-12-23)</h2>
 <ul>
 <li>
@@ -320,6 +326,9 @@
 <h2 id="510-2022-07-15">5.1.0 (2022-07-15)</h2>
 <ul>
 <li>
+<p><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> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a <code>index.print.html</code> t' th' default URL.</p>
 <p>Ye can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer <code>config.toml</code>t':</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputFormats</span><span class="p">]</span>
@@ -437,6 +446,9 @@
 <h2 id="320-2022-03-19">3.2.0 (2022-03-19)</h2>
 <ul>
 <li>
+<p><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.93.0</span></span> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shorrrtcode or be us'n Merrrmaid codefences. This changes th' behavior o' <code>disableMermaid</code> config opt'n as follows: If a Merrrmaid shorrrtcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.</p>
 <p>Th' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shorrrtcode or codefence be involved an' th' library be not boarded by default. In this case ye can set <code>disableMermaid=false</code> 'n yer frontmatter t' force th' library t' be boarded. See th' <a href="../basics/generator/">theme variant generator</a> o' th' exampleSite fer an example.</p>
 <p><strong>This change requires at least Cap'n Hugo 0.93.0 t' be used</strong>. Th' minimum requirement will be reported dur'n build on th' console if not met.</p>
@@ -605,7 +617,12 @@
 <hr>
 <h2 id="230-2021-09-13">2.3.0 (2021-09-13)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by provid'n a documentat'n translat'n &ldquo;fer us pirrrates&rdquo;. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.</li>
+<li>
+<p><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.81.0</span></span> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Showcase multilanguage features by provid'n a documentat'n translat'n &ldquo;fer us pirrrates&rdquo;. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.</p>
+</li>
 </ul>
 <hr>
 <h2 id="220-2021-09-09">2.2.0 (2021-09-09)</h2>
@@ -616,6 +633,9 @@
 <h2 id="210-2021-09-07">2.1.0 (2021-09-07)</h2>
 <ul>
 <li>
+<p><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.69.0</span></span> This release requires a newer Cap'n Hugo version.</p>
+</li>
+<li>
 <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> In case th' site&rsquo;s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see <code>CHANGELOG.md</code> 'n th' exampleSite), they will now be ignored by th' search.</p>
 </li>
 <li>
@@ -675,7 +695,12 @@
 <hr>
 <h2 id="100-2021-07-01">1.0.0 (2021-07-01)</h2>
 <ul>
-<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork o' th' <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' <code>Relearrrn</code> an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> 'n th' Learrrn issues.</li>
+<li>
+<p><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.65.0</span></span> Th' version requirement fer Cap'n Hugo be th' same as fer th' Learrrn theme version 2.5.0 on 2021-07-01.</p>
+</li>
+<li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Initial fork o' th' <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' <code>Relearrrn</code> an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495" target="_blank">this comment</a> 'n th' Learrrn issues.</p>
+</li>
 </ul>
 
 
@@ -695,7 +720,7 @@
 </div>
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
-<p>Just download latest version o' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
+<p>Just download at leat 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="../basics/requirements/magic.gif?classes=shadow" data-featherlight="image">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
@@ -3418,6 +3443,50 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
     </div>
   </div>
 </div>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <code>Attachments</code><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <code>paperclip</code><br><br>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty d wit' spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left"><code>asc</code></td>
+<td style="text-align:left">Sort'n th' output 'n <code>asc</code>end'n or <code>desc</code>end'n order.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>pattern</strong></td>
+<td style="text-align:left"><code>.*</code></td>
+<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used t' filter th' attachments by file name. For example:<br><br>- t' match a file suffix o' &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- t' match file names end'n 'n <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
+</tr>
+</tbody>
+</table>
+<h2 id="setup">Setup</h2>
+<h3 id="single-language">Single language</h3>
 <p>Th' shorrrtcode lists files found 'n a specific folder. Th' name o' th' folder depends on yer plank type (either branch bundle, leaf bundle or page).</p>
 <ol>
 <li>
@@ -3482,6 +3551,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 </blockquote>
 </li>
 </ol>
+<h3 id="multilingual">Multilingual</h3>
 <p>Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages an' th' language code must be part o' th' folder name.</p>
 <p>Eg. fer a ship 'n English an' Piratish:</p>
 <blockquote>
@@ -3506,43 +3576,6 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 </li>
 </ul>
 </blockquote>
-<h3 id="parameter">Parameter</h3>
-<table>
-<thead>
-<tr>
-<th style="text-align:left">Name</th>
-<th style="text-align:left">Default</th>
-<th style="text-align:left">Notes</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <code>Attachments</code><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>ay'con</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <code>paperclip</code><br><br>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty d wit' spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left"><code>asc</code></td>
-<td style="text-align:left">Sort'n th' output 'n <code>asc</code>end'n or <code>desc</code>end'n order.</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left"><code>.*</code></td>
-<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used t' filter th' attachments by file name. For example:<br><br>- t' match a file suffix o' &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- t' match file names end'n 'n <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
-</tr>
-</tbody>
-</table>
 <h2 id="examples">Examples</h2>
 <h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List o' Attachments End'n 'n pdf or mp4</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*\.(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
@@ -3569,8 +3602,22 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
     <li><a href="../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-<h3 id="style-and-icons">Style an' Ay'cons</h3>
-<p>For further examples fer <strong>style</strong>, <strong>title</strong> an' <strong>ay'con</strong>, see th' <a href="../shortcodes/notice/"><code>notice</code> shorrrtcode</a> documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.</p>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box attachments cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Attachments</div>
+  <ul class="box-content attachments-files">
+    <li><a href="../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
+    <li><a href="../shortcodes/attachments.en.files/BachGavotteShort.mp3">BachGavotteShort.mp3</a> (357 KB)</li>
+    <li><a href="../shortcodes/attachments.en.files/Carroll_AliceAuPaysDesMerveilles.pdf">Carroll_AliceAuPaysDesMerveilles.pdf</a> (175 KB)</li>
+    <li><a href="../shortcodes/attachments.en.files/hugo.png">hugo.png</a> (17 KB)</li>
+    <li><a href="../shortcodes/attachments.en.files/hugo.txt">hugo.txt</a> (20 B)</li>
+    <li><a href="../shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
+  </ul>
+</div>
+<h3 id="style-color-title-and-icons">Style, Color, Title an' Ay'cons</h3>
+<p>For further examples fer <strong>style</strong>, <strong>color</strong>, <strong>title</strong> an' <strong>ay'con</strong>, see th' <a href="../shortcodes/notice/"><code>notice</code> shorrrtcode</a> documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.</p>
 
 
             <footer class="footline">
@@ -3592,7 +3639,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <p><span class="badge cstyle default"><span class="badge-content">Important</span></span>
 <span class="badge cstyle primary badge-with-title"><span class="badge-title">Version</span><span class="badge-content">6.6.6</span></span>
 <span class="badge cstyle red badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-angle-double-up"></i></span><span class="badge-content">Captain</span></span>
-<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Ahoi</span><span class="badge-content">Awesome</span></span></p>
+<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Ahoi</span><span class="badge-content">New</span></span>
+<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;">Awesome</span></span></p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shorrrtcode from yer own partials.</p>
 
@@ -3616,7 +3664,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Important</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Version&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="mf">6.6.6</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Captain</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">New</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div data-tab-item="partial" data-tab-group="shortcode-parameter" class="tab-item ">
@@ -3639,6 +3688,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 </span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;style&#34;</span> <span class="s">&#34;info&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;New&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">)}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;color&#34;</span> <span class="s">&#34;fuchsia&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;icon&#34;</span> <span class="s">&#34;fab fa-hackerrank&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;Awesome&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div>
@@ -3658,17 +3713,22 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">Th' color scheme used t' paint th' badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
 </tr>
 <tr>
-<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left"><strong>color</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' badge title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitrary text fer th' badge title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -3742,8 +3802,11 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;rocket&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Feature&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-rocket"></i> Feature</span><span class="badge-content">Awesome</span></span>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><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;">Awesome</span></span>
 <h4 id="with-icon-content">Wit' Ay'con Rrrambl'n</h4>
-<p>Ye can combine th' badge wit' th' <a href="../shortcodes/icon/"><code>ay'con</code> shorrrtcode</a> t' create even more stunn'n variants.</p>
+<p>Ye can combine th' badge wit' th' <a href="../shortcodes/icon/"><code>ay'con</code> shorrrtcode</a> t' create even more stunn'n visuals.</p>
 <p>In this case ye need t' declare <code>{{&lt; badge &gt;}}</code> instead o' <code>{{% badge %}}</code>. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' rrrambl'n.</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}</span> <span class="nx">Pirate</span><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
@@ -3857,12 +3920,17 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">Th' color scheme used t' paint th' button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposit'n</strong></td>
@@ -3882,7 +3950,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' button title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitrary text fer th' button title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 </tbody>
 </table>
@@ -4031,6 +4099,15 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
   </a>
 </span></p>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<span class="btn cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fab fa-hackerrank"></i>
+    Cap'n Hugo
+  </a>
+</span>
 <h4 id="severity-style-with-all-defaults">Severity Style wit' All Defaults</h4>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -5700,19 +5777,25 @@ mindmap
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left"></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
 <td style="text-align:left">3</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -5895,8 +5978,8 @@ mindmap
   </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default wit' Title an' Ay'con</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h4 id="default-with-positional-parameter">Default wit' Positional Parameter</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="k">default</span> <span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">informat'n</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -5907,7 +5990,7 @@ mindmap
   </div>
 </div>
 <h4 id="transparent-with-title-and-icon">Transparent wit' Title an' Ay'con</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">informat'n</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -5917,6 +6000,17 @@ mindmap
 <p>Some serious informat'n.</p>
   </div>
 </div>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Hugo&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">Victor</span><span class="err">?</span> <span class="nx">Be</span> <span class="nx">it</span> <span class="nx">ye</span><span class="err">?</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box notices cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Cap'n Hugo</div>
+  <div class="box-content">
+<p>Victor? Be it ye?</p>
+  </div>
+</div>
 
 
             <footer class="footline">
@@ -6472,9 +6566,9 @@ mindmap
               </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../js/theme.js?1674478180" defer></script>
+    <script src="../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/index.search.js b/pir/index.search.js
index 3e6678cdfd..cf1e309d36 100644
--- a/pir/index.search.js
+++ b/pir/index.search.js
@@ -35,7 +35,7 @@ var relearn_search_index = [
     "uri": "/pir/cont/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\nBreak'n A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.\nChange A change 'n default behavior. This may requires act'n by ye / may or may not be revert'ble by configurat'n.\nNew Marks new behavior ye might find interest'n or comes configur'ble.\n5.9.0 (2022-12-23) Change Th' required folder name fer th' attachments shorrrtcode was changed fer leaf bundles.\nPreviously, th' attachments fer leaf bundles 'n non-multilang setups were required t' be 'n a files subdirectory. For plank bundles an' leaf bundles 'n multilang setups they were always required t' be 'n a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments fer leaf bundles 'n non-multilang setups can now also reside 'n a index.files directory. Although th' old files directory be now deprecated, if both directories be present, only th' old files directory will be used fer compatiblity.\nChange Absolute links prefixed wit' http:// or https:// be now opened 'n a separate browser tab.\nYe can revert back t' th' old behavior by defin'n externalLinkTarget=\"_self\" 'n th' params section o' yer config.toml.\nNew Th' theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New Th' new badge shorrrtcode be now avail'ble t' add highly configur'ble markers t' yer rrrambl'n as ye can see it on this plank.\nNew Th' new ay'con shorrrtcode simplyfies th' usage o' ay'cons. This can even be combined wit' also new badge shorrrtcode.\nNew Th' theme now supports some o' GFM (GitHub Flavored Markdown) rules an' Cap'n Hugo Marrrkdown extensions, namely task lists, defint'n lists an' footnotes.\nNew A new color --ACCENT-color was introduced which be used fer highlightn'n search results on th' plank. In case ye simply don’t care, ye don’t need t' change anyth'n 'n yer variant stylesheet as th' old yellow color be still used as default.\n5.7.0 (2022-11-29) Change Th' Korean language translat'n fer this theme be now avail'ble wit' th' language code ko. Formerly th' country code kr was used instead.\nNew Th' button shorrrtcode can now also be used as a real button inside o' HTML forms - although this be a pretty rare use case. Th' documentat'n was updated accordingly.\nNew Th' search now supports th' Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.\nT' activate this feature, ye need t' configure it 'n yer config.toml as a new outputformat SEARCHPAGE fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.\nYe can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.\nNew Keyboard handl'n fer th' TOC an' search was improved.\nPress'n CTRL+ALT+t now will not only toggle th' TOC overlay but also places th' focus t' th' first head'n on open'n. Subsequently this makes it poss'ble t' easily select head'ns by us'n th' TAB key.\nTh' search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus th' cursor inside o' th' the search box so ye can immediately start yer search by typ'n.\nNew Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.\nT' configure this 'n yer config.toml make sure t' set Hugo’s disableHugoGeneratorInject=true an' also [params] disableGeneratorVersion=true, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.\nNew Creat'n o' yer project gets a little bit faster wit' this release.\nThis addresses increased build time wit' th' 5.x releases. Th' theme now heavily caches partial results lead'n t' improved performance. T' further increase performance, unnecessary parts o' th' plank be now skipped fer creat'n o' th' print output (eg. menus, navigat'n bar, etc.).\n5.5.0 (2022-11-06) Change Th' way images be processed has changed. Now images be lazy boarded by default which speeds up plank board on slow networks and/or big planks an' also th' print preview.\nFor that th' JavaScript code t' handle th' lightbox an' image effects on th' client side was removed 'n favour fer static generat'n o' those effects on th' server.\nIf ye have used HTML directly 'n yer Marrrkdown files, this now has th' downside that it doesn’t respect th' effect query parameter anymore. In this case ye have t' migrate all yer HTML img URLs manually t' th' respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change Wit' th' proper sett'ns 'n yer config.toml yer plank be now serv'ble from th' local file system us'n file:// URLs.\nPlease note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer config.toml from JSON t' SEARCH. Th' now deprecated JSON outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from http:// or https://.\nChange Th' button shorrrtcode has a new parameter target t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.\nNew Th' math shorrrtcode an' mermaid shorrrtcode now also support th' align parameter if codefence rules be used.\nNew Support fer languages that be written right t' left (like Arabic). This be only implemented fer th' rrrambl'n area but not th' navigat'n sidebar. This feature be not avail'ble 'n Internet Explorer 11.\nNew Translat'n fer Finnish (Suomi).\n5.3.0 (2022-10-07) Change In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed. Although th' functionality o' th' new implementat'n works wit' old browsers (Internet Explorer 11), th' display o' th' expander ay'cons does not an' be limited t' modern browsers.\nNew Image formatt'n has two new classes t' align images t' th' left or right. Additionally, th' already exist'n inline opt'n be now documented.\nNew Print'n fer th' swagger shorrrtcode was optimized t' expand sections that be usually closed 'n interactive mode. This requires print support t' be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true 'n yer config.toml, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus. 5.1.0 (2022-07-15) Change Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a index.print.html t' th' default URL.\nYe can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer config.tomlt':\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalink'ble = false 5.0.0 (2022-07-05) Break'n Th' theme changed how JavaScript an' CSS dependencies be boarded t' provide a better performance. In case you’ve added own JavaScript code that depends on th' themes jQuery implementat'n, ye have t' put it into a separate *.js file (if not already) an' add th' defer keyword t' th' script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change Th' way archetypes be used t' generate output has changed. Th' new systems allows ye, t' redefine exist'n archetypes or even generate yer own ones.\nYer exist'n markdown files will still work like before an' therefore ye don’t need t' change anyth'n aft th' upgrade. Nevertheless, it be recommended t' adapt yer exist'n markdown files t' th' new way as follows:\nfer yer home plank, add th' frontmatter parameter archetype = \"home\" an' remove th' lead'n head'n\nfer all files contain'n th' deprecated frontmatter parameter chapter = true, replace it wit' archetype = \"chapter\" an' remove th' lead'n head'ns\nChange Th' frontmatter opt'ns pre / post were renamed t' menuPre / menuPost. Th' old opt'ns will still be used if th' new opt'ns aren’t set. Therefore ye don’t need t' change anyth'n aft th' upgrade.\nNew Add'n new partials heading-pre.html / heading-post.html an' accord'n frontmatter opt'ns headingPre / headingPost t' modify th' way yer page`s main head'n gets styled.\nNew Th' new shorrrtcode math be avail'ble t' add beautiful math an' chemical formulae. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n4.2.0 (2022-06-23) Break'n Th' second parameter fer th' include shorrrtcode was switched 'n mean'n an' was renamed from showfirsthead'n t' hidefirsthead'n. If ye haven’t used this parameter 'n yer shorrrtcode, th' default behavior hasn’t changed an' ye don’t need t' change anyth'n.\nIf you’ve used th' second boolean parameter, ye have t' rename it an' invert its value t' achieve th' same behavior.\nChange Previously, if th' tabs shorrrtcode could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.\nChange Th' landingPageURL was removed from config.toml. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically.\nNew All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shorrrtcode.\n4.1.0 (2022-06-12) New While fix'n issues wit' th' search functionality fer non Latin languages, ye can now configure t' have multiple languages on a single plank. 4.0.0 (2022-06-05) Break'n Th' custom_css config parameter was removed from th' configurat'n. If used 'n an exist'n installat'n, it can be achieved by overrid'n th' custom-header.html template 'n a much more generic manner.\nBreak'n Because anchor hover color was not configur'ble without introduc'n more complexity t' th' variant stylesheets, we decided t' remove --MAIN-ANCHOR-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from --MAIN-LINK-color an' --MAIN-ANCHOR-HOVER-color respectively.\nNew All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don’t need t' change anyth'n 'n yer installat'n.\nThis applies t' expand, include, notice an' siteparam.\nNew Th' button shorrrtcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.\nNew New colors --PRIMARY-color an' --SECONDARY-color were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have primary or secondary as additional values.\nThese two colors be th' default fer other, more specific color variables. Ye don’t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.\nNew Th' documentat'n fer all shorrrtcodes were revised.\n3.4.0 (2022-04-03) Break'n If ye had previously overwritten th' custom-footer.html partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial content-footer.html. custom-footer.html was never meant t' contain HTML other than additional styles an' JavaScript.\nNew If ye prefer expandable/collaps'ble menu items, ye can now set collapsibleMenu=true 'n yer config.toml. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.\nNew Ye can activate print support 'n yer config.toml t' add th' capability t' print whole chapters or even th' complete ship.\nNew Translat'n fer Traditional Chinese.\n3.3.0 (2022-03-28) New Introduct'n o' new CSS variables t' set th' font. Th' theme distinguishes between --MAIN-font fer all rrrambl'n text an' --CODE-font fer inline or block code. There be additional overrides fer all head'ns. See th' theme variant generator o' th' exampleSite fer all avail'ble variables.\nNew Th' new shorrrtcode swagger be avail'ble t' include a UI fer REST OpenAPI Specificat'ns. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n3.2.0 (2022-03-19) Change In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shorrrtcode or be us'n Merrrmaid codefences. This changes th' behavior o' disableMermaid config opt'n as follows: If a Merrrmaid shorrrtcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.\nTh' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shorrrtcode or codefence be involved an' th' library be not boarded by default. In this case ye can set disableMermaid=false 'n yer frontmatter t' force th' library t' be boarded. See th' theme variant generator o' th' exampleSite fer an example.\nThis change requires at least Cap'n Hugo 0.93.0 t' be used. Th' minimum requirement will be reported dur'n build on th' console if not met.\nNew Additional color variant vari'ble --MERMAID-theme t' set th' variant’s Merrrmaid theme. This causes th' Merrrmaid theme t' switch wit' th' color variant if it defers from th' sett'n o' th' formerly selected color variant.\n3.1.0 (2022-03-15) New attachment an' notice shorrrtcodes have a new parameter t' override th' default ay'con. Allowed values be all Font Awesome 5 Free ay'cons. 3.0.0 (2022-02-22) Break'n We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\nBreak'n We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color an' introduced --MENU-SEARCH-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color t' --MENU-SEARCH-BORDER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nNew Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\nNew T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive theme variant generator. This feature will not work wit' Internet Explorer 11.\nNew Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.\n2.9.0 (2021-11-19) Break'n This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard compliant an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard compliant form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configurat'n Leaf bundle basics/configuration/index.md basics/configurat'n Plank basics/configurat'n.md basics/configurat'n If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard compliant an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server aft an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console aft th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not found In this case, ye must apply one o' two opt'ns:\nCopy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\nStart up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all *.md files. This be th' recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Plank (ref\\s+\"[^\"]*)\\.md\" $1\" 2.8.0 (2021-11-03) Change Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer Czech.\nNew Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\nNew Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n2.7.0 (2021-10-24) New Optional second parameter fer notice shorrrtcode t' set title 'n box header. 2.6.0 (2021-10-21) New Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlight'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style. 2.4.0 (2021-10-07) Change Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.\nNew Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\nNew Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shorrrtcode. Poss'ble values be title or weight.\nNew Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n2.3.0 (2021-09-13) New Showcase multilanguage features by provid'n a documentat'n translat'n “fer us pirrrates”. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints. 2.2.0 (2021-09-09) New Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml. 2.1.0 (2021-09-07) Change In case th' site’s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\nNew Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\nNew If a search term be found 'n an expand shorrrtcode, th' expand will be opened.\nNew Th' menu will scroll th' active item into view on board.\n2.0.0 (2021-08-28) Change Rules highlight'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\nChange In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets if ye want t' override th' defaults.\nChange Arrow navigat'n an' children shorrrtcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\nChange If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\nChange A plank without a title will be treated as hidden=true.\nNew Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\nNew Shorrrtcode children wit' new parameter containerstyle.\nNew New shorrrtcode include t' include arbitrary file rrrambl'n into a plank.\n1.2.0 (2021-07-26) New Shorrrtcode expand wit' new parameter t' open on plank board. 1.1.0 (2021-07-02) New Merrrmaid config opt'ns can be set 'n config.toml. 1.0.0 (2021-07-01) New Initial fork o' th' Learrrn theme based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' Relearrrn an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see this comment 'n th' Learrrn issues. ",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThis document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\n0.95.0 Th' minimum required Cap'n Hugo version.\nBreak'n A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.\nChange A change 'n default behavior that may requires act'n by ye if ye want t' revert it.\nNew Marks new behavior ye might find interest'n or comes configur'ble.\n5.10.0 (not yet released) New Th' attachments, badge, button an' notice shorrrtcodes have a new parameter color t' set arbitrary CSS color values. 5.9.0 (2022-12-23) Change Th' required folder name fer th' attachments shorrrtcode was changed fer leaf bundles.\nPreviously, th' attachments fer leaf bundles 'n non-multilang setups were required t' be 'n a files subdirectory. For plank bundles an' leaf bundles 'n multilang setups they were always required t' be 'n a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments fer leaf bundles 'n non-multilang setups can now also reside 'n a index.files directory. Although th' old files directory be now deprecated, if both directories be present, only th' old files directory will be used fer compatiblity.\nChange Absolute links prefixed wit' http:// or https:// be now opened 'n a separate browser tab.\nYe can revert back t' th' old behavior by defin'n externalLinkTarget=\"_self\" 'n th' params section o' yer config.toml.\nNew Th' theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New Th' new badge shorrrtcode be now avail'ble t' add highly configur'ble markers t' yer rrrambl'n as ye can see it on this plank.\nNew Th' new ay'con shorrrtcode simplyfies th' usage o' ay'cons. This can even be combined wit' also new badge shorrrtcode.\nNew Th' theme now supports some o' GFM (GitHub Flavored Markdown) rules an' Cap'n Hugo Marrrkdown extensions, namely task lists, defint'n lists an' footnotes.\nNew A new color --ACCENT-color was introduced which be used fer highlightn'n search results on th' plank. In case ye simply don’t care, ye don’t need t' change anyth'n 'n yer variant stylesheet as th' old yellow color be still used as default.\n5.7.0 (2022-11-29) Change Th' Korean language translat'n fer this theme be now avail'ble wit' th' language code ko. Formerly th' country code kr was used instead.\nNew Th' button shorrrtcode can now also be used as a real button inside o' HTML forms - although this be a pretty rare use case. Th' documentat'n was updated accordingly.\nNew Th' search now supports th' Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.\nT' activate this feature, ye need t' configure it 'n yer config.toml as a new outputformat SEARCHPAGE fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.\nYe can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.\nNew Keyboard handl'n fer th' TOC an' search was improved.\nPress'n CTRL+ALT+t now will not only toggle th' TOC overlay but also places th' focus t' th' first head'n on open'n. Subsequently this makes it poss'ble t' easily select head'ns by us'n th' TAB key.\nTh' search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus th' cursor inside o' th' the search box so ye can immediately start yer search by typ'n.\nNew Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.\nT' configure this 'n yer config.toml make sure t' set Hugo’s disableHugoGeneratorInject=true an' also [params] disableGeneratorVersion=true, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.\nNew Creat'n o' yer project gets a little bit faster wit' this release.\nThis addresses increased build time wit' th' 5.x releases. Th' theme now heavily caches partial results lead'n t' improved performance. T' further increase performance, unnecessary parts o' th' plank be now skipped fer creat'n o' th' print output (eg. menus, navigat'n bar, etc.).\n5.5.0 (2022-11-06) Change Th' way images be processed has changed. Now images be lazy boarded by default which speeds up plank board on slow networks and/or big planks an' also th' print preview.\nFor that th' JavaScript code t' handle th' lightbox an' image effects on th' client side was removed 'n favour fer static generat'n o' those effects on th' server.\nIf ye have used HTML directly 'n yer Marrrkdown files, this now has th' downside that it doesn’t respect th' effect query parameter anymore. In this case ye have t' migrate all yer HTML img URLs manually t' th' respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change Wit' th' proper sett'ns 'n yer config.toml yer plank be now serv'ble from th' local file system us'n file:// URLs.\nPlease note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer config.toml from JSON t' SEARCH. Th' now deprecated JSON outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from http:// or https://.\nChange Th' button shorrrtcode has a new parameter target t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.\nNew Th' math shorrrtcode an' mermaid shorrrtcode now also support th' align parameter if codefence rules be used.\nNew Support fer languages that be written right t' left (like Arabic). This be only implemented fer th' rrrambl'n area but not th' navigat'n sidebar. This feature be not avail'ble 'n Internet Explorer 11.\nNew Translat'n fer Finnish (Suomi).\n5.3.0 (2022-10-07) Change In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed. Although th' functionality o' th' new implementat'n works wit' old browsers (Internet Explorer 11), th' display o' th' expander ay'cons does not an' be limited t' modern browsers.\nNew Image formatt'n has two new classes t' align images t' th' left or right. Additionally, th' already exist'n inline opt'n be now documented.\nNew Print'n fer th' swagger shorrrtcode was optimized t' expand sections that be usually closed 'n interactive mode. This requires print support t' be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true 'n yer config.toml, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus. 5.1.0 (2022-07-15) 0.95.0 This release requires a newer Cap'n Hugo version.\nChange Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a index.print.html t' th' default URL.\nYe can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer config.tomlt':\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalink'ble = false 5.0.0 (2022-07-05) Break'n Th' theme changed how JavaScript an' CSS dependencies be boarded t' provide a better performance. In case you’ve added own JavaScript code that depends on th' themes jQuery implementat'n, ye have t' put it into a separate *.js file (if not already) an' add th' defer keyword t' th' script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change Th' way archetypes be used t' generate output has changed. Th' new systems allows ye, t' redefine exist'n archetypes or even generate yer own ones.\nYer exist'n markdown files will still work like before an' therefore ye don’t need t' change anyth'n aft th' upgrade. Nevertheless, it be recommended t' adapt yer exist'n markdown files t' th' new way as follows:\nfer yer home plank, add th' frontmatter parameter archetype = \"home\" an' remove th' lead'n head'n\nfer all files contain'n th' deprecated frontmatter parameter chapter = true, replace it wit' archetype = \"chapter\" an' remove th' lead'n head'ns\nChange Th' frontmatter opt'ns pre / post were renamed t' menuPre / menuPost. Th' old opt'ns will still be used if th' new opt'ns aren’t set. Therefore ye don’t need t' change anyth'n aft th' upgrade.\nNew Add'n new partials heading-pre.html / heading-post.html an' accord'n frontmatter opt'ns headingPre / headingPost t' modify th' way yer page`s main head'n gets styled.\nNew Th' new shorrrtcode math be avail'ble t' add beautiful math an' chemical formulae. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n4.2.0 (2022-06-23) Break'n Th' second parameter fer th' include shorrrtcode was switched 'n mean'n an' was renamed from showfirsthead'n t' hidefirsthead'n. If ye haven’t used this parameter 'n yer shorrrtcode, th' default behavior hasn’t changed an' ye don’t need t' change anyth'n.\nIf you’ve used th' second boolean parameter, ye have t' rename it an' invert its value t' achieve th' same behavior.\nChange Previously, if th' tabs shorrrtcode could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.\nChange Th' landingPageURL was removed from config.toml. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically.\nNew All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shorrrtcode.\n4.1.0 (2022-06-12) New While fix'n issues wit' th' search functionality fer non Latin languages, ye can now configure t' have multiple languages on a single plank. 4.0.0 (2022-06-05) Break'n Th' custom_css config parameter was removed from th' configurat'n. If used 'n an exist'n installat'n, it can be achieved by overrid'n th' custom-header.html template 'n a much more generic manner.\nBreak'n Because anchor hover color was not configur'ble without introduc'n more complexity t' th' variant stylesheets, we decided t' remove --MAIN-ANCHOR-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from --MAIN-LINK-color an' --MAIN-ANCHOR-HOVER-color respectively.\nNew All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don’t need t' change anyth'n 'n yer installat'n.\nThis applies t' expand, include, notice an' siteparam.\nNew Th' button shorrrtcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.\nNew New colors --PRIMARY-color an' --SECONDARY-color were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have primary or secondary as additional values.\nThese two colors be th' default fer other, more specific color variables. Ye don’t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.\nNew Th' documentat'n fer all shorrrtcodes were revised.\n3.4.0 (2022-04-03) Break'n If ye had previously overwritten th' custom-footer.html partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial content-footer.html. custom-footer.html was never meant t' contain HTML other than additional styles an' JavaScript.\nNew If ye prefer expandable/collaps'ble menu items, ye can now set collapsibleMenu=true 'n yer config.toml. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.\nNew Ye can activate print support 'n yer config.toml t' add th' capability t' print whole chapters or even th' complete ship.\nNew Translat'n fer Traditional Chinese.\n3.3.0 (2022-03-28) New Introduct'n o' new CSS variables t' set th' font. Th' theme distinguishes between --MAIN-font fer all rrrambl'n text an' --CODE-font fer inline or block code. There be additional overrides fer all head'ns. See th' theme variant generator o' th' exampleSite fer all avail'ble variables.\nNew Th' new shorrrtcode swagger be avail'ble t' include a UI fer REST OpenAPI Specificat'ns. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n3.2.0 (2022-03-19) 0.93.0 This release requires a newer Cap'n Hugo version.\nChange In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shorrrtcode or be us'n Merrrmaid codefences. This changes th' behavior o' disableMermaid config opt'n as follows: If a Merrrmaid shorrrtcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.\nTh' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shorrrtcode or codefence be involved an' th' library be not boarded by default. In this case ye can set disableMermaid=false 'n yer frontmatter t' force th' library t' be boarded. See th' theme variant generator o' th' exampleSite fer an example.\nThis change requires at least Cap'n Hugo 0.93.0 t' be used. Th' minimum requirement will be reported dur'n build on th' console if not met.\nNew Additional color variant vari'ble --MERMAID-theme t' set th' variant’s Merrrmaid theme. This causes th' Merrrmaid theme t' switch wit' th' color variant if it defers from th' sett'n o' th' formerly selected color variant.\n3.1.0 (2022-03-15) New attachment an' notice shorrrtcodes have a new parameter t' override th' default ay'con. Allowed values be all Font Awesome 5 Free ay'cons. 3.0.0 (2022-02-22) Break'n We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\nBreak'n We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color an' introduced --MENU-SEARCH-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color t' --MENU-SEARCH-BORDER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nNew Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\nNew T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive theme variant generator. This feature will not work wit' Internet Explorer 11.\nNew Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.\n2.9.0 (2021-11-19) Break'n This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard compliant an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard compliant form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configurat'n Leaf bundle basics/configuration/index.md basics/configurat'n Plank basics/configurat'n.md basics/configurat'n If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard compliant an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server aft an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console aft th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not found In this case, ye must apply one o' two opt'ns:\nCopy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\nStart up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all *.md files. This be th' recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Plank (ref\\s+\"[^\"]*)\\.md\" $1\" 2.8.0 (2021-11-03) Change Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer Czech.\nNew Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\nNew Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n2.7.0 (2021-10-24) New Optional second parameter fer notice shorrrtcode t' set title 'n box header. 2.6.0 (2021-10-21) New Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlight'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style. 2.4.0 (2021-10-07) Change Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.\nNew Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\nNew Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shorrrtcode. Poss'ble values be title or weight.\nNew Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n2.3.0 (2021-09-13) 0.81.0 This release requires a newer Cap'n Hugo version.\nNew Showcase multilanguage features by provid'n a documentat'n translat'n “fer us pirrrates”. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.\n2.2.0 (2021-09-09) New Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml. 2.1.0 (2021-09-07) 0.69.0 This release requires a newer Cap'n Hugo version.\nChange In case th' site’s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\nNew Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\nNew If a search term be found 'n an expand shorrrtcode, th' expand will be opened.\nNew Th' menu will scroll th' active item into view on board.\n2.0.0 (2021-08-28) Change Rules highlight'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\nChange In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets if ye want t' override th' defaults.\nChange Arrow navigat'n an' children shorrrtcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\nChange If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\nChange A plank without a title will be treated as hidden=true.\nNew Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\nNew Shorrrtcode children wit' new parameter containerstyle.\nNew New shorrrtcode include t' include arbitrary file rrrambl'n into a plank.\n1.2.0 (2021-07-26) New Shorrrtcode expand wit' new parameter t' open on plank board. 1.1.0 (2021-07-02) New Merrrmaid config opt'ns can be set 'n config.toml. 1.0.0 (2021-07-01) 0.65.0 Th' version requirement fer Cap'n Hugo be th' same as fer th' Learrrn theme version 2.5.0 on 2021-07-01.\nNew Initial fork o' th' Learrrn theme based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' Relearrrn an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see this comment 'n th' Learrrn issues.\n",
     "description": "",
     "tags": null,
     "title": "What's New",
@@ -104,7 +104,7 @@ var relearn_search_index = [
     "uri": "/pir/shortcodes/children/children-1/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.\nJust download latest version o' Cap'n Hugo binary fer yer OS (Windows, Linux, Mac) : it’s that simple.\n",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nThanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.\nJust download at leat version 0.95.0 o' th' Cap'n Hugo binary fer yer OS (Windows, Linux, Mac).\n",
     "description": "",
     "tags": null,
     "title": "Requirrrements",
@@ -246,7 +246,7 @@ var relearn_search_index = [
     "uri": "/pir/tests/chapters/9/index.html"
   },
   {
-    "content": " Attachments NoTreasure.txt (26 B) Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' attachments shorrrtcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shorrrtcode from yer own partials.\nshorrrtcode partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"context\" . \"sort\" \"asc\" )}} Th' shorrrtcode lists files found 'n a specific folder. Th' name o' th' folder depends on yer plank type (either branch bundle, leaf bundle or page).\nFor simple planks, attachments must be placed 'n a folder named like yer plank an' end'n wit' .files.\nrrrambl'n _index.md plank.files attachment.pdf plank.md If yer plank be a branch or leaf bundle, attachments must be placed 'n a nested _index.files or index.files folder, accordingly.\nFor branch bundles:\nrrrambl'n _index.md plank index.md index.files attachment.pdf For leaf bundles:\nrrrambl'n _index.md plank _index.md _index.files attachment.pdf Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages an' th' language code must be part o' th' folder name.\nEg. fer a ship 'n English an' Piratish:\nrrrambl'n _index.en.md _index.pir.md plank.en.files attachment.pdf plank.pir.files attachment.pdf plank.en.md plank.pir.md Parameter Name Default Notes style transparent Th' color scheme used t' highlight th' box rrrambl'n.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent title see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other colors: Attachments\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other colors: paperclip\nIf ye want no ay'con, ye have t' set this parameter t' \" \" (a non empty d wit' spaces) sort asc Sort'n th' output 'n ascend'n or descend'n order. pattern .* A regular expressions, used t' filter th' attachments by file name. For example:\n- t' match a file suffix o' ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- t' match file names end'n 'n jpg or png, use .*\\.(jpg|png) Examples Custom Title, List o' Attachments End'n 'n pdf or mp4 {{% attachments title=\"Related files\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Ahoi Styled Box, Descend'n Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Ahoi movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Style an' Ay'cons For further examples fer style, title an' ay'con, see th' notice shorrrtcode documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.\n",
+    "content": " Attachments NoTreasure.txt (26 B) Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' attachments shorrrtcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shorrrtcode from yer own partials.\nshorrrtcode partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"context\" . \"sort\" \"asc\" )}} Parameter Name Default Notes style transparent Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: Attachments\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: paperclip\nIf ye want no ay'con, ye have t' set this parameter t' \" \" (a non empty d wit' spaces) sort asc Sort'n th' output 'n ascend'n or descend'n order. pattern .* A regular expressions, used t' filter th' attachments by file name. For example:\n- t' match a file suffix o' ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- t' match file names end'n 'n jpg or png, use .*\\.(jpg|png) Setup Single language Th' shorrrtcode lists files found 'n a specific folder. Th' name o' th' folder depends on yer plank type (either branch bundle, leaf bundle or page).\nFor simple planks, attachments must be placed 'n a folder named like yer plank an' end'n wit' .files.\nrrrambl'n _index.md plank.files attachment.pdf plank.md If yer plank be a branch or leaf bundle, attachments must be placed 'n a nested _index.files or index.files folder, accordingly.\nFor branch bundles:\nrrrambl'n _index.md plank index.md index.files attachment.pdf For leaf bundles:\nrrrambl'n _index.md plank _index.md _index.files attachment.pdf Multilingual Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages an' th' language code must be part o' th' folder name.\nEg. fer a ship 'n English an' Piratish:\nrrrambl'n _index.en.md _index.pir.md plank.en.files attachment.pdf plank.pir.files attachment.pdf plank.en.md plank.pir.md Examples Custom Title, List o' Attachments End'n 'n pdf or mp4 {{% attachments title=\"Related files\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Ahoi Styled Box, Descend'n Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Ahoi movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% attachments color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" /%}} Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Style, Color, Title an' Ay'cons For further examples fer style, color, title an' ay'con, see th' notice shorrrtcode documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.\n",
     "description": "",
     "tags": null,
     "title": "Attachments",
@@ -281,14 +281,14 @@ var relearn_search_index = [
     "uri": "/pir/tests/attach/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' badge shorrrtcode displays little markers 'n yer text wit' adjust'ble color, title an' ay'con.\nImportant Version6.6.6 Captain AhoiAwesome\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shorrrtcode from yer own partials.\nshorrrtcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"info\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default Th' color scheme used t' paint th' badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other colors: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) title see notes Arbitrary text fer th' badge title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other colors: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text fer th' badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Break'n{{% /badge %}} AhoiNew AvastChange Smarrrt ArrrseOptional ArrrBreak'n\nBy Brand Colors {{% badge style=\"primary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} AnnouncementMandatory AnnouncementOptional\nBy Color {{% badge style=\"blue\" ay'con=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" ay'con=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" ay'con=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" ay'con=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" ay'con=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" ay'con=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" ay'con=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Ay'con an' Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nWithout Ay'con {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nWithout Title Text {{% badge ay'con=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nAll Set {{% badge ay'con=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nOverride fer Severity {{% badge style=\"info\" ay'con=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other Wit' Ay'con Rrrambl'n Ye can combine th' badge wit' th' ay'con shorrrtcode t' create even more stunn'n variants.\nIn this case ye need t' declare {{\u003c badge \u003e}} instead o' {{% badge %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' rrrambl'n.\n{{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} Pirate\nRank Rank Pirate\nRank Rank Pirate\nInside o' Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" ay'con=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' badge shorrrtcode displays little markers 'n yer text wit' adjust'ble color, title an' ay'con.\nImportant Version6.6.6 Captain AhoiNew Awesome\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shorrrtcode from yer own partials.\nshorrrtcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"style\" \"info\" \"content\" \"New\" )}} {{ partial \"shortcodes/badge.html\" (dict \"context\" . \"color\" \"fuchsia\" \"icon\" \"fab fa-hackerrank\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default Th' style scheme used fer th' badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' badge title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text fer th' badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Break'n{{% /badge %}} AhoiNew AvastChange Smarrrt ArrrseOptional ArrrBreak'n\nBy Brand Colors {{% badge style=\"primary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} AnnouncementMandatory AnnouncementOptional\nBy Color {{% badge style=\"blue\" ay'con=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" ay'con=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" ay'con=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" ay'con=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" ay'con=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" ay'con=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" ay'con=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Ay'con an' Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nWithout Ay'con {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nWithout Title Text {{% badge ay'con=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} 6.6.6 Awesome Captain\nAll Set {{% badge ay'con=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nOverride fer Severity {{% badge style=\"info\" ay'con=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} Awesome Wit' Ay'con Rrrambl'n Ye can combine th' badge wit' th' ay'con shorrrtcode t' create even more stunn'n visuals.\nIn this case ye need t' declare {{\u003c badge \u003e}} instead o' {{% badge %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' rrrambl'n.\n{{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} Pirate\nRank Rank Pirate\nRank Rank Pirate\nInside o' Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" ay'con=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad. Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
     "description": "",
     "tags": null,
     "title": "Badge",
     "uri": "/pir/shortcodes/badge/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' button shorrrtcode displays a click'ble button wit' adjust'ble color, title an' ay'con.\nGet Cap'n Hugo Get Cap'n Hugo Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shorrrtcode from yer own partials.\nshorrrtcode partial {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" ay'con=\"dragon\" %}}Get Cap'n Hugo{{% /button %}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"style\" \"warning\" \"icon\" \"dragon\" \"content\" \"Get Hugo\" )}} Once th' button be clicked, it opens another browser tab fer th' given URL.\nParameter Name Default Notes href \u003cempty\u003e Either th' destinat'n URL fer th' button or JavaScript code t' be executed on click. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble.\n- if start'n wit' javascript: all follow'n text will be executed 'n yer browser\n- every other str'n will be interpreted as URL style transparent Th' color scheme used t' paint th' button.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other colors: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) iconposit'n left Places th' ay'con t' th' left or right o' th' title. target see notes Th' destinat'n frame/window if href be an URL. Otherwise th' parameter be not used. This behaves similar t' normal links. If th' parameter be not given it defaults t':\n- th' sett'n o' externalLinkTarget or _blank if not set, fer any address start'n wit' http:// or https://\n- no specific value fer all other links type see notes Th' button type if href be JavaScript. Otherwise th' parameter be not used. If th' parameter be not given it defaults t' button \u003ccontent\u003e see notes Arbitrary text fer th' button title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other colors: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) Examples Style By Severity {{% button href=\"https://gohugo.io/\" style=\"info\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"note\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Brand Colors {{% button href=\"https://gohugo.io/\" style=\"primary\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"secondary\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo By Color {{% button href=\"https://gohugo.io/\" style=\"blue\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"green\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"grey\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"orange\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"red\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Special Color {{% button href=\"https://gohugo.io/\" style=\"default\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"transparent\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Ay'con T' th' Left {{% button href=\"https://gohugo.io/\" ay'con=\"download\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo T' th' Right {{% button href=\"https://gohugo.io/\" ay'con=\"download\" iconposit'n=\"right\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Override fer Severity {{% button href=\"https://gohugo.io/\" ay'con=\"dragon\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Target {{% button href=\"https://gohugo.io/\" target=\"_self\" %}}Get Cap'n Hugo 'n same window{{% /button %}} {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo 'n new Window/Frame (default){{% /button %}} Get Cap'n Hugo 'n same Window/Frame Get Cap'n Hugo 'n new Window/Frame (default) Other Severity Style wit' All Defaults {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}{{% /button %}} Smarrrt Arrrse Button t' Internal Plank {{% button href=\"/index.html\" %}}Home{{% /button %}} Home Button wit' JavaScript Act'n If yer JavaScript act'n does not change th' focus afterwards, make sure t' call this.blur() 'n th' end t' unselect th' button.\n{{% button style=\"primary\" ay'con=\"bullhorn\" href=\"javascript:alert('Hello world!');this.blur();\" %}}Shout it out{{% /button %}} Shout it out Button within a form Element T' use native HTML elements 'n yer Marrrkdown, add this 'n yer config.toml\n[marrrkup.goldmark.renderer] unsafe = true \u003cform act'n=\"../../search.html\" method=\"get\"\u003e \u003cinput name=\"search-by-detail\" class=\"search-by\" type=\"search\"\u003e {{% button type=\"submit\" style=\"secondary\" icon=\"search\" %}}Search{{% /button %}} \u003c/form\u003e Search ",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' button shorrrtcode displays a click'ble button wit' adjust'ble color, title an' ay'con.\nGet Cap'n Hugo Get Cap'n Hugo Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shorrrtcode from yer own partials.\nshorrrtcode partial {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" ay'con=\"dragon\" %}}Get Cap'n Hugo{{% /button %}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"context\" . \"href\" \"https://gohugo.io/\" \"style\" \"warning\" \"icon\" \"dragon\" \"content\" \"Get Hugo\" )}} Once th' button be clicked, it opens another browser tab fer th' given URL.\nParameter Name Default Notes href \u003cempty\u003e Either th' destinat'n URL fer th' button or JavaScript code t' be executed on click. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble.\n- if start'n wit' javascript: all follow'n text will be executed 'n yer browser\n- every other str'n will be interpreted as URL style transparent Th' style scheme used fer th' button.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) iconposit'n left Places th' ay'con t' th' left or right o' th' title. target see notes Th' destinat'n frame/window if href be an URL. Otherwise th' parameter be not used. This behaves similar t' normal links. If th' parameter be not given it defaults t':\n- th' sett'n o' externalLinkTarget or _blank if not set, fer any address start'n wit' http:// or https://\n- no specific value fer all other links type see notes Th' button type if href be JavaScript. Otherwise th' parameter be not used. If th' parameter be not given it defaults t' button \u003ccontent\u003e see notes Arbitrary text fer th' button title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) Examples Style By Severity {{% button href=\"https://gohugo.io/\" style=\"info\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"note\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Brand Colors {{% button href=\"https://gohugo.io/\" style=\"primary\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"secondary\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo By Color {{% button href=\"https://gohugo.io/\" style=\"blue\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"green\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"grey\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"orange\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"red\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Special Color {{% button href=\"https://gohugo.io/\" style=\"default\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"transparent\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Ay'con T' th' Left {{% button href=\"https://gohugo.io/\" ay'con=\"download\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo T' th' Right {{% button href=\"https://gohugo.io/\" ay'con=\"download\" iconposit'n=\"right\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Override fer Severity {{% button href=\"https://gohugo.io/\" ay'con=\"dragon\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Target {{% button href=\"https://gohugo.io/\" target=\"_self\" %}}Get Cap'n Hugo 'n same window{{% /button %}} {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo 'n new Window/Frame (default){{% /button %}} Get Cap'n Hugo 'n same Window/Frame Get Cap'n Hugo 'n new Window/Frame (default) Other Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% button href=\"https://gohugo.io/\" color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Cap'n Hugo{{% /button %}} Cap'n Hugo Severity Style wit' All Defaults {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}{{% /button %}} Smarrrt Arrrse Button t' Internal Plank {{% button href=\"/index.html\" %}}Home{{% /button %}} Home Button wit' JavaScript Act'n If yer JavaScript act'n does not change th' focus afterwards, make sure t' call this.blur() 'n th' end t' unselect th' button.\n{{% button style=\"primary\" ay'con=\"bullhorn\" href=\"javascript:alert('Hello world!');this.blur();\" %}}Shout it out{{% /button %}} Shout it out Button within a form Element T' use native HTML elements 'n yer Marrrkdown, add this 'n yer config.toml\n[marrrkup.goldmark.renderer] unsafe = true \u003cform act'n=\"../../search.html\" method=\"get\"\u003e \u003cinput name=\"search-by-detail\" class=\"search-by\" type=\"search\"\u003e {{% button type=\"submit\" style=\"secondary\" icon=\"search\" %}}Search{{% /button %}} \u003c/form\u003e Search ",
     "description": "",
     "tags": null,
     "title": "Button",
@@ -407,7 +407,7 @@ var relearn_search_index = [
     "uri": "/pir/tags/non-hidden/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' notice shorrrtcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.\nThere may be pirates It be all about th' boxes.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shorrrtcode from yer own partials.\nshorrrtcode shorrrtcode (positional) partial {{% notice style=\"primary\" title=\"There may be pirates\" ay'con=\"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It be all about th' boxes.\" )}} Parameter Name Posit'n Default Notes style 1 default Th' color scheme used t' highlight th' box rrrambl'n.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent title 2 see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other colors: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con 3 see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other colors: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed 'n box. Examples By Severity Ahoi wit' marrrkup {{% notice style=\"info\" %}} An **informat'n** disclaimer Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /notice %}} Ahoi An informat'n disclaimer\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\nAvast {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Avast A notice disclaimer\nSmarrrt Arrrse {{% notice style=\"tip\" %}} A **tip** disclaimer Smarrrt Arrrse A tip disclaimer\nArrr {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Arrr A warning disclaimer\nArrr wit' Non-Default Title an' Ay'con {{% notice style=\"warning\" title=\"Here be dragons\" ay'con=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here be dragons A warning disclaimer\nArrr without a Title an' Ay'con {{% notice style=\"warning\" title=\" \" ay'con=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary wit' Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary wit' Ay'con only {{% notice style=\"secondary\" ay'con=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nBy Color Blue without a Title an' Ay'con {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen wit' Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey wit' Ay'con only {{% notice style=\"grey\" ay'con=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange wit' Title an' Ay'con {{% notice style=\"orange\" title=\"Orange\" ay'con=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title an' Ay'con {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default wit' Title an' Ay'con {{% notice style=\"default\" title\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nTransparent wit' Title an' Ay'con {{% notice style=\"transparent\" title\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\n",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some stuff may not work fer us in this trrranslat'n. Like table of rrramblings, see'ng Merrrmaids, do'ng math or chemistrrry and stuff.\nTh' notice shorrrtcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.\nThere may be pirates It be all about th' boxes.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shorrrtcode from yer own partials.\nshorrrtcode shorrrtcode (positional) partial {{% notice style=\"primary\" title=\"There may be pirates\" ay'con=\"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"context\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It be all about th' boxes.\" )}} Parameter Name Posit'n Default Notes style 1 default Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title 2 see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con 3 see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed 'n box. Examples By Severity Ahoi wit' marrrkup {{% notice style=\"info\" %}} An **informat'n** disclaimer Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /notice %}} Ahoi An informat'n disclaimer\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\nAvast {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Avast A notice disclaimer\nSmarrrt Arrrse {{% notice style=\"tip\" %}} A **tip** disclaimer Smarrrt Arrrse A tip disclaimer\nArrr {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Arrr A warning disclaimer\nArrr wit' Non-Default Title an' Ay'con {{% notice style=\"warning\" title=\"Here be dragons\" ay'con=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here be dragons A warning disclaimer\nArrr without a Title an' Ay'con {{% notice style=\"warning\" title=\" \" ay'con=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary wit' Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary wit' Ay'con only {{% notice style=\"secondary\" ay'con=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nBy Color Blue without a Title an' Ay'con {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen wit' Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey wit' Ay'con only {{% notice style=\"grey\" ay'con=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange wit' Title an' Ay'con {{% notice style=\"orange\" title=\"Orange\" ay'con=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title an' Ay'con {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default wit' Positional Parameter {{% notice default \"Pay Attent'n t' this Avast!\" \"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nTransparent wit' Title an' Ay'con {{% notice style=\"transparent\" title=\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nWit' User-Defined Color an' Font Awesome Brand Ay'con {{% notice color=\"fuchsia\" title=\"Hugo\" ay'con=\"fab fa-hackerrank\" %}} Victor? Be it ye? {{% /notice %}} Cap'n Hugo Victor? Be it ye?\n",
     "description": "",
     "tags": null,
     "title": "Notice",
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index ef6705078e..5e3b6079c2 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -10,21 +10,21 @@
     <title>Crrredits :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -203,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -324,13 +324,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index d46786c587..4f557aceb2 100644
--- a/pir/more/credits/index.print.html
+++ b/pir/more/credits/index.print.html
@@ -10,22 +10,22 @@
     <title>Crrredits :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -116,9 +116,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/more/showcase/index.html b/pir/more/showcase/index.html
index 81c0efadc5..d695dbebdc 100644
--- a/pir/more/showcase/index.html
+++ b/pir/more/showcase/index.html
@@ -10,21 +10,21 @@
     <title>Showcase :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -195,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,13 +316,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/more/showcase/index.print.html b/pir/more/showcase/index.print.html
index 3f312b8920..56d4dac0b9 100644
--- a/pir/more/showcase/index.print.html
+++ b/pir/more/showcase/index.print.html
@@ -10,22 +10,22 @@
     <title>Showcase :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -108,9 +108,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index 7ff5f314b1..a4a29963b1 100644
--- a/pir/search.html
+++ b/pir/search.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../css/print.css?1674478180" rel="stylesheet" media="print">
-    <script src="../js/url.js?1674478180"></script>
-    <script src="../js/variant.js?1674478180"></script>
+    <link href="../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../css/print.css?1674514152" rel="stylesheet" media="print">
+    <script src="../js/url.js?1674514152"></script>
+    <script src="../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478180" defer></script>
+    <script src="../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1674478180" defer></script>
-        <script src="../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../js/search.js?1674478180" defer></script>
+        <script src="../js/auto-complete.js?1674514152" defer></script>
+        <script src="../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -294,13 +294,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1674478180"></script>
+          <script async src="../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../js/theme.js?1674478180" defer></script>
+    <script src="../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 3fe0c86973..9940d7a717 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -10,21 +10,21 @@
     <title>Attachments :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -150,6 +150,50 @@
     </div>
   </div>
 </div>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <code>Attachments</code><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <code>paperclip</code><br><br>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty d wit' spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left"><code>asc</code></td>
+<td style="text-align:left">Sort'n th' output 'n <code>asc</code>end'n or <code>desc</code>end'n order.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>pattern</strong></td>
+<td style="text-align:left"><code>.*</code></td>
+<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used t' filter th' attachments by file name. For example:<br><br>- t' match a file suffix o' &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- t' match file names end'n 'n <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
+</tr>
+</tbody>
+</table>
+<h2 id="setup">Setup</h2>
+<h3 id="single-language">Single language</h3>
 <p>Th' shorrrtcode lists files found 'n a specific folder. Th' name o' th' folder depends on yer plank type (either branch bundle, leaf bundle or page).</p>
 <ol>
 <li>
@@ -214,6 +258,7 @@
 </blockquote>
 </li>
 </ol>
+<h3 id="multilingual">Multilingual</h3>
 <p>Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages an' th' language code must be part o' th' folder name.</p>
 <p>Eg. fer a ship 'n English an' Piratish:</p>
 <blockquote>
@@ -238,43 +283,6 @@
 </li>
 </ul>
 </blockquote>
-<h3 id="parameter">Parameter</h3>
-<table>
-<thead>
-<tr>
-<th style="text-align:left">Name</th>
-<th style="text-align:left">Default</th>
-<th style="text-align:left">Notes</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <code>Attachments</code><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>ay'con</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <code>paperclip</code><br><br>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty d wit' spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left"><code>asc</code></td>
-<td style="text-align:left">Sort'n th' output 'n <code>asc</code>end'n or <code>desc</code>end'n order.</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left"><code>.*</code></td>
-<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used t' filter th' attachments by file name. For example:<br><br>- t' match a file suffix o' &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- t' match file names end'n 'n <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
-</tr>
-</tbody>
-</table>
 <h2 id="examples">Examples</h2>
 <h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List o' Attachments End'n 'n pdf or mp4</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*\.(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
@@ -301,8 +309,22 @@
     <li><a href="../../../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-<h3 id="style-and-icons">Style an' Ay'cons</h3>
-<p>For further examples fer <strong>style</strong>, <strong>title</strong> an' <strong>ay'con</strong>, see th' <a href="../../../shortcodes/notice/"><code>notice</code> shorrrtcode</a> documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.</p>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box attachments cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Attachments</div>
+  <ul class="box-content attachments-files">
+    <li><a href="../../../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
+    <li><a href="../../../shortcodes/attachments.en.files/BachGavotteShort.mp3">BachGavotteShort.mp3</a> (357 KB)</li>
+    <li><a href="../../../shortcodes/attachments.en.files/Carroll_AliceAuPaysDesMerveilles.pdf">Carroll_AliceAuPaysDesMerveilles.pdf</a> (175 KB)</li>
+    <li><a href="../../../shortcodes/attachments.en.files/hugo.png">hugo.png</a> (17 KB)</li>
+    <li><a href="../../../shortcodes/attachments.en.files/hugo.txt">hugo.txt</a> (20 B)</li>
+    <li><a href="../../../shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
+  </ul>
+</div>
+<h3 id="style-color-title-and-icons">Style, Color, Title an' Ay'cons</h3>
+<p>For further examples fer <strong>style</strong>, <strong>color</strong>, <strong>title</strong> an' <strong>ay'con</strong>, see th' <a href="../../../shortcodes/notice/"><code>notice</code> shorrrtcode</a> documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.</p>
 
 
             <footer class="footline">
@@ -383,12 +405,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../../js/search.js?1674478178" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -504,13 +526,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478178"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 90434997c8..260ef85f40 100644
--- a/pir/shortcodes/attachments/index.print.html
+++ b/pir/shortcodes/attachments/index.print.html
@@ -10,22 +10,22 @@
     <title>Attachments :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -135,6 +135,50 @@
     </div>
   </div>
 </div>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <code>Attachments</code><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <code>paperclip</code><br><br>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty d wit' spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left"><code>asc</code></td>
+<td style="text-align:left">Sort'n th' output 'n <code>asc</code>end'n or <code>desc</code>end'n order.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>pattern</strong></td>
+<td style="text-align:left"><code>.*</code></td>
+<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used t' filter th' attachments by file name. For example:<br><br>- t' match a file suffix o' &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- t' match file names end'n 'n <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
+</tr>
+</tbody>
+</table>
+<h2 id="setup">Setup</h2>
+<h3 id="single-language">Single language</h3>
 <p>Th' shorrrtcode lists files found 'n a specific folder. Th' name o' th' folder depends on yer plank type (either branch bundle, leaf bundle or page).</p>
 <ol>
 <li>
@@ -199,6 +243,7 @@
 </blockquote>
 </li>
 </ol>
+<h3 id="multilingual">Multilingual</h3>
 <p>Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages an' th' language code must be part o' th' folder name.</p>
 <p>Eg. fer a ship 'n English an' Piratish:</p>
 <blockquote>
@@ -223,43 +268,6 @@
 </li>
 </ul>
 </blockquote>
-<h3 id="parameter">Parameter</h3>
-<table>
-<thead>
-<tr>
-<th style="text-align:left">Name</th>
-<th style="text-align:left">Default</th>
-<th style="text-align:left">Notes</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <code>Attachments</code><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>ay'con</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <code>paperclip</code><br><br>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty d wit' spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left"><code>asc</code></td>
-<td style="text-align:left">Sort'n th' output 'n <code>asc</code>end'n or <code>desc</code>end'n order.</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left"><code>.*</code></td>
-<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used t' filter th' attachments by file name. For example:<br><br>- t' match a file suffix o' &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- t' match file names end'n 'n <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
-</tr>
-</tbody>
-</table>
 <h2 id="examples">Examples</h2>
 <h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List o' Attachments End'n 'n pdf or mp4</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*\.(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
@@ -286,8 +294,22 @@
     <li><a href="../../../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-<h3 id="style-and-icons">Style an' Ay'cons</h3>
-<p>For further examples fer <strong>style</strong>, <strong>title</strong> an' <strong>ay'con</strong>, see th' <a href="../../../shortcodes/notice/"><code>notice</code> shorrrtcode</a> documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.</p>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box attachments cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Attachments</div>
+  <ul class="box-content attachments-files">
+    <li><a href="../../../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
+    <li><a href="../../../shortcodes/attachments.en.files/BachGavotteShort.mp3">BachGavotteShort.mp3</a> (357 KB)</li>
+    <li><a href="../../../shortcodes/attachments.en.files/Carroll_AliceAuPaysDesMerveilles.pdf">Carroll_AliceAuPaysDesMerveilles.pdf</a> (175 KB)</li>
+    <li><a href="../../../shortcodes/attachments.en.files/hugo.png">hugo.png</a> (17 KB)</li>
+    <li><a href="../../../shortcodes/attachments.en.files/hugo.txt">hugo.txt</a> (20 B)</li>
+    <li><a href="../../../shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
+  </ul>
+</div>
+<h3 id="style-color-title-and-icons">Style, Color, Title an' Ay'cons</h3>
+<p>For further examples fer <strong>style</strong>, <strong>color</strong>, <strong>title</strong> an' <strong>ay'con</strong>, see th' <a href="../../../shortcodes/notice/"><code>notice</code> shorrrtcode</a> documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.</p>
 
 
             <footer class="footline">
@@ -296,9 +318,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index b8d394a664..87ff19666c 100644
--- a/pir/shortcodes/badge/index.html
+++ b/pir/shortcodes/badge/index.html
@@ -10,21 +10,21 @@
     <title>Badge :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -102,7 +102,8 @@
 <p><span class="badge cstyle default"><span class="badge-content">Important</span></span>
 <span class="badge cstyle primary badge-with-title"><span class="badge-title">Version</span><span class="badge-content">6.6.6</span></span>
 <span class="badge cstyle red badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-angle-double-up"></i></span><span class="badge-content">Captain</span></span>
-<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Ahoi</span><span class="badge-content">Awesome</span></span></p>
+<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Ahoi</span><span class="badge-content">New</span></span>
+<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;">Awesome</span></span></p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shorrrtcode from yer own partials.</p>
 
@@ -126,7 +127,8 @@
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Important</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Version&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="mf">6.6.6</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Captain</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">New</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div data-tab-item="partial" data-tab-group="shortcode-parameter" class="tab-item ">
@@ -149,6 +151,12 @@
 </span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;style&#34;</span> <span class="s">&#34;info&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;New&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">)}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;color&#34;</span> <span class="s">&#34;fuchsia&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;icon&#34;</span> <span class="s">&#34;fab fa-hackerrank&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;Awesome&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div>
@@ -168,17 +176,22 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">Th' color scheme used t' paint th' badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
 </tr>
 <tr>
-<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left"><strong>color</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' badge title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitrary text fer th' badge title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -252,8 +265,11 @@
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;rocket&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Feature&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-rocket"></i> Feature</span><span class="badge-content">Awesome</span></span>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><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;">Awesome</span></span>
 <h4 id="with-icon-content">Wit' Ay'con Rrrambl'n</h4>
-<p>Ye can combine th' badge wit' th' <a href="../../../shortcodes/icon/"><code>ay'con</code> shorrrtcode</a> t' create even more stunn'n variants.</p>
+<p>Ye can combine th' badge wit' th' <a href="../../../shortcodes/icon/"><code>ay'con</code> shorrrtcode</a> t' create even more stunn'n visuals.</p>
 <p>In this case ye need t' declare <code>{{&lt; badge &gt;}}</code> instead o' <code>{{% badge %}}</code>. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' rrrambl'n.</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}</span> <span class="nx">Pirate</span><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
@@ -356,12 +372,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../../js/search.js?1674478178" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -477,13 +493,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478178"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index e526f6ad32..159a00aa91 100644
--- a/pir/shortcodes/badge/index.print.html
+++ b/pir/shortcodes/badge/index.print.html
@@ -10,22 +10,22 @@
     <title>Badge :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -87,7 +87,8 @@
 <p><span class="badge cstyle default"><span class="badge-content">Important</span></span>
 <span class="badge cstyle primary badge-with-title"><span class="badge-title">Version</span><span class="badge-content">6.6.6</span></span>
 <span class="badge cstyle red badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-angle-double-up"></i></span><span class="badge-content">Captain</span></span>
-<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Ahoi</span><span class="badge-content">Awesome</span></span></p>
+<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Ahoi</span><span class="badge-content">New</span></span>
+<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;">Awesome</span></span></p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shorrrtcode from yer own partials.</p>
 
@@ -111,7 +112,8 @@
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Important</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Version&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="mf">6.6.6</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Captain</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">New</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div data-tab-item="partial" data-tab-group="shortcode-parameter" class="tab-item ">
@@ -134,6 +136,12 @@
 </span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;style&#34;</span> <span class="s">&#34;info&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;New&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">)}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;color&#34;</span> <span class="s">&#34;fuchsia&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;icon&#34;</span> <span class="s">&#34;fab fa-hackerrank&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;Awesome&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div>
@@ -153,17 +161,22 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">Th' color scheme used t' paint th' badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
 </tr>
 <tr>
-<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left"><strong>color</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' badge title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitrary text fer th' badge title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -237,8 +250,11 @@
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;rocket&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Feature&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-rocket"></i> Feature</span><span class="badge-content">Awesome</span></span>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><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;">Awesome</span></span>
 <h4 id="with-icon-content">Wit' Ay'con Rrrambl'n</h4>
-<p>Ye can combine th' badge wit' th' <a href="../../../shortcodes/icon/"><code>ay'con</code> shorrrtcode</a> t' create even more stunn'n variants.</p>
+<p>Ye can combine th' badge wit' th' <a href="../../../shortcodes/icon/"><code>ay'con</code> shorrrtcode</a> t' create even more stunn'n visuals.</p>
 <p>In this case ye need t' declare <code>{{&lt; badge &gt;}}</code> instead o' <code>{{% badge %}}</code>. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' rrrambl'n.</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}</span> <span class="nx">Pirate</span><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
@@ -269,9 +285,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 7d09cae085..664471ab55 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -10,21 +10,21 @@
     <title>Button :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -172,12 +172,17 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">Th' color scheme used t' paint th' button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposit'n</strong></td>
@@ -197,7 +202,7 @@
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' button title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitrary text fer th' button title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 </tbody>
 </table>
@@ -346,6 +351,15 @@
   </a>
 </span></p>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<span class="btn cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fab fa-hackerrank"></i>
+    Cap'n Hugo
+  </a>
+</span>
 <h4 id="severity-style-with-all-defaults">Severity Style wit' All Defaults</h4>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -473,12 +487,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../../js/search.js?1674478178" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -594,13 +608,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478178"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index 565c71c111..06501987be 100644
--- a/pir/shortcodes/button/index.print.html
+++ b/pir/shortcodes/button/index.print.html
@@ -10,22 +10,22 @@
     <title>Button :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -157,12 +157,17 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">Th' color scheme used t' paint th' button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposit'n</strong></td>
@@ -182,7 +187,7 @@
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' button title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitrary text fer th' button title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 </tbody>
 </table>
@@ -331,6 +336,15 @@
   </a>
 </span></p>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<span class="btn cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fab fa-hackerrank"></i>
+    Cap'n Hugo
+  </a>
+</span>
 <h4 id="severity-style-with-all-defaults">Severity Style wit' All Defaults</h4>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -386,9 +400,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" 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 012825501f..72ddcf3717 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
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../../../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../../../../../../js/url.js?1674514151"></script>
+    <script src="../../../../../../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../../../../../../../js/search.js?1674478180" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../../../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../../../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1674514152" 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 24d94330fb..f77f8c4ac7 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
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../../../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1674478180"></script>
-    <script src="../../../../../../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1674514152"></script>
+    <script src="../../../../../../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../../../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -97,9 +97,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1674514152" 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 8e39c279bf..92a8e25718 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
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../../../../../js/url.js?1674514151"></script>
+    <script src="../../../../../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -190,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../../../../../../js/search.js?1674478180" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -315,13 +315,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../../../js/theme.js?1674514152" 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 1b69fa6a5b..bc850cc0b2 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
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1674478180"></script>
-    <script src="../../../../../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1674514152"></script>
+    <script src="../../../../../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -124,9 +124,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../../../js/theme.js?1674514152" 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 de8c492e2f..b618703a2d 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
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../../../../js/url.js?1674514151"></script>
+    <script src="../../../../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -190,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../../../../../js/search.js?1674478180" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -313,13 +313,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/theme.js?1674514152" 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 f3d689de5b..5d143e35a5 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
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1674478180"></script>
-    <script src="../../../../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1674514152"></script>
+    <script src="../../../../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -106,9 +106,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/theme.js?1674514152" 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 fbd8a97c4d..c43bcde856 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
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../../../js/url.js?1674514151"></script>
+    <script src="../../../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -190,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -313,13 +313,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/theme.js?1674514152" 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 a60c245887..81f8ae455f 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
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1674478180"></script>
-    <script src="../../../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1674514152"></script>
+    <script src="../../../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -133,9 +133,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/theme.js?1674514152" 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 3017def025..411442f114 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
@@ -10,21 +10,21 @@
     <title>Plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../../../../js/url.js?1674514151"></script>
+    <script src="../../../../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../../../../../js/search.js?1674478180" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,13 +306,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/theme.js?1674514152" 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 bc1426fada..c9f298a66c 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
@@ -10,22 +10,22 @@
     <title>Plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1674478180"></script>
-    <script src="../../../../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1674514152"></script>
+    <script src="../../../../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -98,9 +98,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/theme.js?1674514152" 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 4bbf52dc2c..93cbba05f0 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
@@ -10,21 +10,21 @@
     <title>Plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../../../../js/url.js?1674514151"></script>
+    <script src="../../../../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../../../../../js/search.js?1674478180" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,13 +306,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/theme.js?1674514152" 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 28a55388b4..265690ed19 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
@@ -10,22 +10,22 @@
     <title>Plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1674478180"></script>
-    <script src="../../../../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1674514152"></script>
+    <script src="../../../../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -98,9 +98,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../../js/theme.js?1674514152" 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 0a7ead68fb..8eb9668398 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
@@ -10,21 +10,21 @@
     <title>Plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../../../js/url.js?1674514151"></script>
+    <script src="../../../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -192,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../../../../js/search.js?1674478180" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -313,13 +313,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/theme.js?1674514152" 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 c40b12fc47..f148381ec0 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
@@ -10,22 +10,22 @@
     <title>Plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1674478180"></script>
-    <script src="../../../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1674514152"></script>
+    <script src="../../../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -144,9 +144,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/theme.js?1674514152" 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 10f9dc70c0..9fe901826b 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
@@ -10,21 +10,21 @@
     <title>Plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../../../js/url.js?1674514151"></script>
+    <script src="../../../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../../../../js/search.js?1674478180" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,13 +306,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/theme.js?1674514152" 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 ad8f186eed..f9c35b48db 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
@@ -10,22 +10,22 @@
     <title>Plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1674478180"></script>
-    <script src="../../../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1674514152"></script>
+    <script src="../../../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -98,9 +98,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../../js/theme.js?1674514152" 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 f7106f5e2e..0f28591da6 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -10,21 +10,21 @@
     <title>Plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../../js/url.js?1674514151"></script>
+    <script src="../../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -193,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -314,13 +314,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../js/theme.js?1674514152" 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 47e9e22e7b..34641dd7f1 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
@@ -10,22 +10,22 @@
     <title>Plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../../js/url.js?1674478180"></script>
-    <script src="../../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../../js/url.js?1674514152"></script>
+    <script src="../../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -191,9 +191,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 780b221ba4..ac350be17a 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -10,21 +10,21 @@
     <title>Plank 1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -190,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -311,13 +311,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" 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 660a1a8654..1f176463f3 100644
--- a/pir/shortcodes/children/children-1/index.print.html
+++ b/pir/shortcodes/children/children-1/index.print.html
@@ -10,22 +10,22 @@
     <title>Plank 1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -217,9 +217,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index a5e7dfae52..39fdcb718b 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -10,21 +10,21 @@
     <title>Plank 2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../../js/search.js?1674478180" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,13 +306,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" 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 1ea109908e..0a021bf141 100644
--- a/pir/shortcodes/children/children-2/index.print.html
+++ b/pir/shortcodes/children/children-2/index.print.html
@@ -10,22 +10,22 @@
     <title>Plank 2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -98,9 +98,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 3d91979f91..8c1fe72e56 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -10,21 +10,21 @@
     <title>Plank 3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -190,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../../js/search.js?1674478180" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -311,13 +311,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" 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 8b7798420c..9257fe8c66 100644
--- a/pir/shortcodes/children/children-3/index.print.html
+++ b/pir/shortcodes/children/children-3/index.print.html
@@ -10,22 +10,22 @@
     <title>Plank 3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -124,9 +124,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" 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 b41a3fb5b6..9379ab6208 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -10,21 +10,21 @@
     <title>Plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../../js/url.js?1674514151"></script>
+    <script src="../../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,13 +306,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../../js/theme.js?1674514151" 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 535dd26260..033bfa2eee 100644
--- a/pir/shortcodes/children/children-3/test3/index.print.html
+++ b/pir/shortcodes/children/children-3/test3/index.print.html
@@ -10,22 +10,22 @@
     <title>Plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../../js/url.js?1674478180"></script>
-    <script src="../../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../../js/url.js?1674514152"></script>
+    <script src="../../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -98,9 +98,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 7cca223a8d..349a793d45 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../../js/search.js?1674478180" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -305,13 +305,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" 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 3bc3d1e892..756a261421 100644
--- a/pir/shortcodes/children/children-4/index.print.html
+++ b/pir/shortcodes/children/children-4/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -96,9 +96,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 20fb3e50b1..e8c247a006 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -10,21 +10,21 @@
     <title>Children :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -362,12 +362,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -483,13 +483,13 @@ 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?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index f96b8cd586..11c6d3eb05 100644
--- a/pir/shortcodes/children/index.print.html
+++ b/pir/shortcodes/children/index.print.html
@@ -10,22 +10,22 @@
     <title>Children :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -498,9 +498,9 @@ So its rrrambl'n be used as descript'n.</p>
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index 788032bc88..b9e695b597 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -10,21 +10,21 @@
     <title>Plank X :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index e603eb7228..a52394d5db 100644
--- a/pir/shortcodes/children/test/index.print.html
+++ b/pir/shortcodes/children/test/index.print.html
@@ -10,22 +10,22 @@
     <title>Plank X :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -93,9 +93,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 29d7bdb466..89d851754b 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -10,21 +10,21 @@
     <title>Expand :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -334,12 +334,12 @@ No need t' press ye!
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../../js/search.js?1674478178" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -455,13 +455,13 @@ 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?1674478178"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index deb69bb89a..b494ca7760 100644
--- a/pir/shortcodes/expand/index.print.html
+++ b/pir/shortcodes/expand/index.print.html
@@ -10,22 +10,22 @@
     <title>Expand :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -247,9 +247,9 @@ No need t' press ye!
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index f0c178110f..6c9f27cf1e 100644
--- a/pir/shortcodes/icon/index.html
+++ b/pir/shortcodes/icon/index.html
@@ -10,21 +10,21 @@
     <title>Icon :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -280,12 +280,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../../js/search.js?1674478178" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -401,13 +401,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478178"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index 0b4b87810f..0b8b874c1d 100644
--- a/pir/shortcodes/icon/index.print.html
+++ b/pir/shortcodes/icon/index.print.html
@@ -10,22 +10,22 @@
     <title>Icon :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -193,9 +193,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 08afbff502..69ddae18c1 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -10,21 +10,21 @@
     <title>Include :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -262,12 +262,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../../js/search.js?1674478178" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -383,13 +383,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478178"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index 67139758ba..0db55d0133 100644
--- a/pir/shortcodes/include/index.print.html
+++ b/pir/shortcodes/include/index.print.html
@@ -10,22 +10,22 @@
     <title>Include :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -175,9 +175,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index 06e5670e3f..7dc3ab98bf 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -10,21 +10,21 @@
     <title>Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514151"></script>
+    <script src="../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -199,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../js/search.js?1674478179" defer></script>
+        <script src="../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -320,13 +320,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478179"></script>
+          <script async src="../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../js/theme.js?1674478179" defer></script>
+    <script src="../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index 60e125c8e5..3f98581d0d 100644
--- a/pir/shortcodes/index.print.html
+++ b/pir/shortcodes/index.print.html
@@ -10,22 +10,22 @@
     <title>Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../js/url.js?1674478180"></script>
-    <script src="../../js/variant.js?1674478180"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../js/url.js?1674514152"></script>
+    <script src="../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -175,6 +175,50 @@
     </div>
   </div>
 </div>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <code>Attachments</code><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <code>paperclip</code><br><br>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty d wit' spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left"><code>asc</code></td>
+<td style="text-align:left">Sort'n th' output 'n <code>asc</code>end'n or <code>desc</code>end'n order.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>pattern</strong></td>
+<td style="text-align:left"><code>.*</code></td>
+<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used t' filter th' attachments by file name. For example:<br><br>- t' match a file suffix o' &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- t' match file names end'n 'n <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
+</tr>
+</tbody>
+</table>
+<h2 id="setup">Setup</h2>
+<h3 id="single-language">Single language</h3>
 <p>Th' shorrrtcode lists files found 'n a specific folder. Th' name o' th' folder depends on yer plank type (either branch bundle, leaf bundle or page).</p>
 <ol>
 <li>
@@ -239,6 +283,7 @@
 </blockquote>
 </li>
 </ol>
+<h3 id="multilingual">Multilingual</h3>
 <p>Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages an' th' language code must be part o' th' folder name.</p>
 <p>Eg. fer a ship 'n English an' Piratish:</p>
 <blockquote>
@@ -263,43 +308,6 @@
 </li>
 </ul>
 </blockquote>
-<h3 id="parameter">Parameter</h3>
-<table>
-<thead>
-<tr>
-<th style="text-align:left">Name</th>
-<th style="text-align:left">Default</th>
-<th style="text-align:left">Notes</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <code>Attachments</code><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>ay'con</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <code>paperclip</code><br><br>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty d wit' spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left"><code>asc</code></td>
-<td style="text-align:left">Sort'n th' output 'n <code>asc</code>end'n or <code>desc</code>end'n order.</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left"><code>.*</code></td>
-<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used t' filter th' attachments by file name. For example:<br><br>- t' match a file suffix o' &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- t' match file names end'n 'n <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
-</tr>
-</tbody>
-</table>
 <h2 id="examples">Examples</h2>
 <h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List o' Attachments End'n 'n pdf or mp4</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*\.(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
@@ -326,8 +334,22 @@
     <li><a href="../../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-<h3 id="style-and-icons">Style an' Ay'cons</h3>
-<p>For further examples fer <strong>style</strong>, <strong>title</strong> an' <strong>ay'con</strong>, see th' <a href="../../shortcodes/notice/"><code>notice</code> shorrrtcode</a> documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.</p>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box attachments cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Attachments</div>
+  <ul class="box-content attachments-files">
+    <li><a href="../../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
+    <li><a href="../../shortcodes/attachments.en.files/BachGavotteShort.mp3">BachGavotteShort.mp3</a> (357 KB)</li>
+    <li><a href="../../shortcodes/attachments.en.files/Carroll_AliceAuPaysDesMerveilles.pdf">Carroll_AliceAuPaysDesMerveilles.pdf</a> (175 KB)</li>
+    <li><a href="../../shortcodes/attachments.en.files/hugo.png">hugo.png</a> (17 KB)</li>
+    <li><a href="../../shortcodes/attachments.en.files/hugo.txt">hugo.txt</a> (20 B)</li>
+    <li><a href="../../shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
+  </ul>
+</div>
+<h3 id="style-color-title-and-icons">Style, Color, Title an' Ay'cons</h3>
+<p>For further examples fer <strong>style</strong>, <strong>color</strong>, <strong>title</strong> an' <strong>ay'con</strong>, see th' <a href="../../shortcodes/notice/"><code>notice</code> shorrrtcode</a> documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.</p>
 
 
             <footer class="footline">
@@ -349,7 +371,8 @@
 <p><span class="badge cstyle default"><span class="badge-content">Important</span></span>
 <span class="badge cstyle primary badge-with-title"><span class="badge-title">Version</span><span class="badge-content">6.6.6</span></span>
 <span class="badge cstyle red badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-angle-double-up"></i></span><span class="badge-content">Captain</span></span>
-<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Ahoi</span><span class="badge-content">Awesome</span></span></p>
+<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Ahoi</span><span class="badge-content">New</span></span>
+<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;">Awesome</span></span></p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shorrrtcode from yer own partials.</p>
 
@@ -373,7 +396,8 @@
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Important</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Version&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="mf">6.6.6</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Captain</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">New</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div data-tab-item="partial" data-tab-group="shortcode-parameter" class="tab-item ">
@@ -396,6 +420,12 @@
 </span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;style&#34;</span> <span class="s">&#34;info&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;New&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">)}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;color&#34;</span> <span class="s">&#34;fuchsia&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;icon&#34;</span> <span class="s">&#34;fab fa-hackerrank&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;Awesome&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div>
@@ -415,17 +445,22 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">Th' color scheme used t' paint th' badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
 </tr>
 <tr>
-<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left"><strong>color</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' badge title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitrary text fer th' badge title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>ay'con</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -499,8 +534,11 @@
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;rocket&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Feature&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-rocket"></i> Feature</span><span class="badge-content">Awesome</span></span>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><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;">Awesome</span></span>
 <h4 id="with-icon-content">Wit' Ay'con Rrrambl'n</h4>
-<p>Ye can combine th' badge wit' th' <a href="../../shortcodes/icon/"><code>ay'con</code> shorrrtcode</a> t' create even more stunn'n variants.</p>
+<p>Ye can combine th' badge wit' th' <a href="../../shortcodes/icon/"><code>ay'con</code> shorrrtcode</a> t' create even more stunn'n visuals.</p>
 <p>In this case ye need t' declare <code>{{&lt; badge &gt;}}</code> instead o' <code>{{% badge %}}</code>. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' rrrambl'n.</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">ay'con</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}</span> <span class="nx">Pirate</span><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
@@ -614,12 +652,17 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">Th' color scheme used t' paint th' button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposit'n</strong></td>
@@ -639,7 +682,7 @@
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' button title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitrary text fer th' button title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 </tbody>
 </table>
@@ -788,6 +831,15 @@
   </a>
 </span></p>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<span class="btn cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fab fa-hackerrank"></i>
+    Cap'n Hugo
+  </a>
+</span>
 <h4 id="severity-style-with-all-defaults">Severity Style wit' All Defaults</h4>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -2457,19 +2509,25 @@ mindmap
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left"></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
 <td style="text-align:left">3</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -2652,8 +2710,8 @@ mindmap
   </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default wit' Title an' Ay'con</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h4 id="default-with-positional-parameter">Default wit' Positional Parameter</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="k">default</span> <span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">informat'n</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -2664,7 +2722,7 @@ mindmap
   </div>
 </div>
 <h4 id="transparent-with-title-and-icon">Transparent wit' Title an' Ay'con</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">informat'n</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -2674,6 +2732,17 @@ mindmap
 <p>Some serious informat'n.</p>
   </div>
 </div>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Hugo&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">Victor</span><span class="err">?</span> <span class="nx">Be</span> <span class="nx">it</span> <span class="nx">ye</span><span class="err">?</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box notices cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Cap'n Hugo</div>
+  <div class="box-content">
+<p>Victor? Be it ye?</p>
+  </div>
+</div>
 
 
             <footer class="footline">
@@ -3228,9 +3297,9 @@ mindmap
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../js/theme.js?1674478180" defer></script>
+    <script src="../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.xml b/pir/shortcodes/index.xml
index d767d783ca..9a61ce1040 100644
--- a/pir/shortcodes/index.xml
+++ b/pir/shortcodes/index.xml
@@ -22,7 +22,7 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html</guid>
       <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some stuff may not work fer us in this trrranslat&#39;n. Like table of rrramblings, see&#39;ng Merrrmaids, do&#39;ng math or chemistrrry and stuff.
 Th&#39; badge shorrrtcode displays little markers &#39;n yer text wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con.
-Important Version6.6.6 Captain AhoiAwesome
+Important Version6.6.6 Captain AhoiNew Awesome
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shorrrtcode from yer own partials.</description>
     </item>
     <item>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index 891ea93b36..894c7be856 100644
--- a/pir/shortcodes/math/index.html
+++ b/pir/shortcodes/math/index.html
@@ -10,21 +10,21 @@
     <title>Math :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -322,12 +322,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../../js/search.js?1674478178" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -443,13 +443,13 @@ $$\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?1674478178"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index 38a610f971..c136465be7 100644
--- a/pir/shortcodes/math/index.print.html
+++ b/pir/shortcodes/math/index.print.html
@@ -10,22 +10,22 @@
     <title>Math :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -235,9 +235,9 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index b288dd25f0..91b9183b9c 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -10,21 +10,21 @@
     <title>Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -716,12 +716,12 @@ mindmap
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -837,13 +837,13 @@ mindmap
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index 9659b75efd..fafae3e40a 100644
--- a/pir/shortcodes/mermaid/index.print.html
+++ b/pir/shortcodes/mermaid/index.print.html
@@ -10,22 +10,22 @@
     <title>Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -629,9 +629,9 @@ mindmap
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 8c7784c824..2499a89a88 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -10,21 +10,21 @@
     <title>Notice :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -170,19 +170,25 @@
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left"></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
 <td style="text-align:left">3</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -365,8 +371,8 @@
   </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default wit' Title an' Ay'con</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h4 id="default-with-positional-parameter">Default wit' Positional Parameter</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="k">default</span> <span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">informat'n</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -377,7 +383,7 @@
   </div>
 </div>
 <h4 id="transparent-with-title-and-icon">Transparent wit' Title an' Ay'con</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">informat'n</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -387,6 +393,17 @@
 <p>Some serious informat'n.</p>
   </div>
 </div>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Hugo&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">Victor</span><span class="err">?</span> <span class="nx">Be</span> <span class="nx">it</span> <span class="nx">ye</span><span class="err">?</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box notices cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Cap'n Hugo</div>
+  <div class="box-content">
+<p>Victor? Be it ye?</p>
+  </div>
+</div>
 
 
             <footer class="footline">
@@ -467,12 +484,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -588,13 +605,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index 5e57ff6c4a..157b1aa932 100644
--- a/pir/shortcodes/notice/index.print.html
+++ b/pir/shortcodes/notice/index.print.html
@@ -10,22 +10,22 @@
     <title>Notice :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -155,19 +155,25 @@
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">Th' style scheme used fer th' box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left"></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> t' be used. If not set, th' chosen color depends on th' <strong>style</strong>. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n color fer th' severity<br>- fer all other styles: th' correspond'n color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitrary text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br><br>- fer severity styles: th' match'n title fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
 <td style="text-align:left">3</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other colors: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left"><a href="../../../shortcodes/icon/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br><br>- fer severity styles: a nice match'n ay'con fer th' severity<br>- fer all other styles: <em>&lt;empty&gt;</em><br><br>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -350,8 +356,8 @@
   </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default wit' Title an' Ay'con</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h4 id="default-with-positional-parameter">Default wit' Positional Parameter</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="k">default</span> <span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">informat'n</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -362,7 +368,7 @@
   </div>
 </div>
 <h4 id="transparent-with-title-and-icon">Transparent wit' Title an' Ay'con</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Pay Attent'n t' this Avast!&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">informat'n</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -372,6 +378,17 @@
 <p>Some serious informat'n.</p>
   </div>
 </div>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">Wit' User-Defined Color an' Font Awesome Brand Ay'con</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Hugo&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">Victor</span><span class="err">?</span> <span class="nx">Be</span> <span class="nx">it</span> <span class="nx">ye</span><span class="err">?</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box notices cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Cap'n Hugo</div>
+  <div class="box-content">
+<p>Victor? Be it ye?</p>
+  </div>
+</div>
 
 
             <footer class="footline">
@@ -380,9 +397,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index cfdb2a2b33..b0f1aa49cf 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -10,21 +10,21 @@
     <title>Ship param :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -244,12 +244,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -365,13 +365,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index 188371ecbf..5bbedf2de2 100644
--- a/pir/shortcodes/siteparam/index.print.html
+++ b/pir/shortcodes/siteparam/index.print.html
@@ -10,22 +10,22 @@
     <title>Ship param :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -157,9 +157,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/swagger/index.html b/pir/shortcodes/swagger/index.html
index e6bb538b2f..ff2725754e 100644
--- a/pir/shortcodes/swagger/index.html
+++ b/pir/shortcodes/swagger/index.html
@@ -10,21 +10,21 @@
     <title>Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -269,12 +269,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../js/search.js?1674478180" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -390,13 +390,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/swagger/index.print.html b/pir/shortcodes/swagger/index.print.html
index c22f82b414..99911b4180 100644
--- a/pir/shortcodes/swagger/index.print.html
+++ b/pir/shortcodes/swagger/index.print.html
@@ -10,22 +10,22 @@
     <title>Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -182,9 +182,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index fb2bdd5ecd..ede262bcf7 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -10,21 +10,21 @@
     <title>Tabs :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -515,12 +515,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -636,13 +636,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index 21fbd393b3..163f569bd9 100644
--- a/pir/shortcodes/tabs/index.print.html
+++ b/pir/shortcodes/tabs/index.print.html
@@ -10,22 +10,22 @@
     <title>Tabs :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -428,9 +428,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index 140af58bbb..7b67f07d2f 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>children :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -172,12 +172,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../js/search.js?1674478180" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -293,13 +293,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index 4016090008..ed7bd21f26 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -9,21 +9,21 @@
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -159,12 +159,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../js/search.js?1674478180" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -279,13 +279,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 9033a0a515..75b178a4b7 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>hidden :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../js/search.js?1674478180" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -284,13 +284,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 091d45646b..da9d2f9b75 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>Tags :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514151"></script>
+    <script src="../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -162,12 +162,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../js/search.js?1674478180" defer></script>
+        <script src="../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -283,13 +283,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478180"></script>
+          <script async src="../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../js/theme.js?1674478180" defer></script>
+    <script src="../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index a54b1ec015..0a39affc3b 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>non-hidden :: Cap&#39;n Hugo Relearrrn Theme</title>
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -167,12 +167,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../js/search.js?1674478180" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -288,13 +288,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 76b7a0c67a..70318e0857 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -9,21 +9,21 @@
     <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?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -159,12 +159,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../js/search.js?1674478180" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -279,13 +279,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach1/index.html b/pir/tests/attach/attach1/index.html
index 70cf45b9be..ec3c4a5a28 100644
--- a/pir/tests/attach/attach1/index.html
+++ b/pir/tests/attach/attach1/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments Brrranch Test :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../../js/search.js?1674478180" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,13 +316,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach1/index.print.html b/pir/tests/attach/attach1/index.print.html
index e3e2c75962..925864fb74 100644
--- a/pir/tests/attach/attach1/index.print.html
+++ b/pir/tests/attach/attach1/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments Brrranch Test :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -89,9 +89,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach2/index.html b/pir/tests/attach/attach2/index.html
index 3f788d2c1d..ce5aa74d9a 100644
--- a/pir/tests/attach/attach2/index.html
+++ b/pir/tests/attach/attach2/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments Leaf Test :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,13 +316,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach2/index.print.html b/pir/tests/attach/attach2/index.print.html
index 97ff017318..8548c74f93 100644
--- a/pir/tests/attach/attach2/index.print.html
+++ b/pir/tests/attach/attach2/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments Leaf Test :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -89,9 +89,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach3/index.html b/pir/tests/attach/attach3/index.html
index fbb3792c77..3b4a319880 100644
--- a/pir/tests/attach/attach3/index.html
+++ b/pir/tests/attach/attach3/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments Page Test :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,13 +316,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach3/index.print.html b/pir/tests/attach/attach3/index.print.html
index 15d7e2436e..f01975082b 100644
--- a/pir/tests/attach/attach3/index.print.html
+++ b/pir/tests/attach/attach3/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments Page Test :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -89,9 +89,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/index.html b/pir/tests/attach/index.html
index 6c3622d9d8..1ec59521b7 100644
--- a/pir/tests/attach/index.html
+++ b/pir/tests/attach/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Test&#39;n Attachments Shorrrtcode">
     <meta name="author" content="Sören Weber">
     <title>Attachments Shorrrtcode Test :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../js/search.js?1674478180" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -325,13 +325,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/index.print.html b/pir/tests/attach/index.print.html
index 00fef2df17..df22b7d427 100644
--- a/pir/tests/attach/index.print.html
+++ b/pir/tests/attach/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Test&#39;n Attachments Shorrrtcode">
     <meta name="author" content="Sören Weber">
     <title>Attachments Shorrrtcode Test :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -146,9 +146,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/1/index.html b/pir/tests/chapters/1/index.html
index 64df29d509..6cac57cdb1 100644
--- a/pir/tests/chapters/1/index.html
+++ b/pir/tests/chapters/1/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>1 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/1/index.print.html b/pir/tests/chapters/1/index.print.html
index 7cbc7c2456..a0284006a9 100644
--- a/pir/tests/chapters/1/index.print.html
+++ b/pir/tests/chapters/1/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>1 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/10/index.html b/pir/tests/chapters/10/index.html
index 3bd3e890d8..8a2ce4eb22 100644
--- a/pir/tests/chapters/10/index.html
+++ b/pir/tests/chapters/10/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>11 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/10/index.print.html b/pir/tests/chapters/10/index.print.html
index 1e32bbafd7..6da068ca7d 100644
--- a/pir/tests/chapters/10/index.print.html
+++ b/pir/tests/chapters/10/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>11 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/2/index.html b/pir/tests/chapters/2/index.html
index 63a6dce44e..434a7ff684 100644
--- a/pir/tests/chapters/2/index.html
+++ b/pir/tests/chapters/2/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>2 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/2/index.print.html b/pir/tests/chapters/2/index.print.html
index 101dbce56b..ce351557ec 100644
--- a/pir/tests/chapters/2/index.print.html
+++ b/pir/tests/chapters/2/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>2 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/3/index.html b/pir/tests/chapters/3/index.html
index 885fb20f0d..7e5c3df3c5 100644
--- a/pir/tests/chapters/3/index.html
+++ b/pir/tests/chapters/3/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>3 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/3/index.print.html b/pir/tests/chapters/3/index.print.html
index c37116847f..2560b6bfc0 100644
--- a/pir/tests/chapters/3/index.print.html
+++ b/pir/tests/chapters/3/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>3 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/4/index.html b/pir/tests/chapters/4/index.html
index 3704b087e4..869c329503 100644
--- a/pir/tests/chapters/4/index.html
+++ b/pir/tests/chapters/4/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>4 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/4/index.print.html b/pir/tests/chapters/4/index.print.html
index edd6902ba2..3db592288f 100644
--- a/pir/tests/chapters/4/index.print.html
+++ b/pir/tests/chapters/4/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>4 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/5/index.html b/pir/tests/chapters/5/index.html
index 96b8c474dd..260f4ae21f 100644
--- a/pir/tests/chapters/5/index.html
+++ b/pir/tests/chapters/5/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>5 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/5/index.print.html b/pir/tests/chapters/5/index.print.html
index 162d035201..753a67b3a1 100644
--- a/pir/tests/chapters/5/index.print.html
+++ b/pir/tests/chapters/5/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>5 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/6/index.html b/pir/tests/chapters/6/index.html
index 9ebc775ecb..474ad087e2 100644
--- a/pir/tests/chapters/6/index.html
+++ b/pir/tests/chapters/6/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>6 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/6/index.print.html b/pir/tests/chapters/6/index.print.html
index ddc52166f2..6bec3a8a4f 100644
--- a/pir/tests/chapters/6/index.print.html
+++ b/pir/tests/chapters/6/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>6 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/7/index.html b/pir/tests/chapters/7/index.html
index bdc33b8919..52657ee17e 100644
--- a/pir/tests/chapters/7/index.html
+++ b/pir/tests/chapters/7/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>7 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/7/index.print.html b/pir/tests/chapters/7/index.print.html
index 52f286fe0c..93b52b4725 100644
--- a/pir/tests/chapters/7/index.print.html
+++ b/pir/tests/chapters/7/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>7 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/8/index.html b/pir/tests/chapters/8/index.html
index 3c1869ad6c..08c79b39d6 100644
--- a/pir/tests/chapters/8/index.html
+++ b/pir/tests/chapters/8/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>8 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/8/index.print.html b/pir/tests/chapters/8/index.print.html
index d302463817..20d1eb5294 100644
--- a/pir/tests/chapters/8/index.print.html
+++ b/pir/tests/chapters/8/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>8 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/9/index.html b/pir/tests/chapters/9/index.html
index 4a30107eb5..9af5f61587 100644
--- a/pir/tests/chapters/9/index.html
+++ b/pir/tests/chapters/9/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>9 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../../js/search.js?1674478179" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/9/index.print.html b/pir/tests/chapters/9/index.print.html
index 27abaf17b9..4e964b0ac4 100644
--- a/pir/tests/chapters/9/index.print.html
+++ b/pir/tests/chapters/9/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>9 :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/children-1/index.html b/pir/tests/chapters/children-1/index.html
index 0da1c95434..42d50b453e 100644
--- a/pir/tests/chapters/children-1/index.html
+++ b/pir/tests/chapters/children-1/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Th&#39; one an&#39; only hidden child :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514151"></script>
+    <script src="../../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../../js/search.js?1674478180" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -320,13 +320,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" 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 1cc463f453..d156701326 100644
--- a/pir/tests/chapters/children-1/index.print.html
+++ b/pir/tests/chapters/children-1/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Th&#39; one an&#39; only hidden child :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478180"></script>
-    <script src="../../../../js/variant.js?1674478180"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514152"></script>
+    <script src="../../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -92,9 +92,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/index.html b/pir/tests/chapters/index.html
index 4ff02b3015..f3b512db9d 100644
--- a/pir/tests/chapters/index.html
+++ b/pir/tests/chapters/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Chapters :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../js/search.js?1674478180" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -318,13 +318,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/index.print.html b/pir/tests/chapters/index.print.html
index b0d204b54e..4113fdd68d 100644
--- a/pir/tests/chapters/index.print.html
+++ b/pir/tests/chapters/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Chapters :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -174,9 +174,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.html b/pir/tests/code/index.html
index 7d862f7a0c..62ef1e2d0c 100644
--- a/pir/tests/code/index.html
+++ b/pir/tests/code/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Some test&#39;n fer different styles used &#39;n rules highlightn&#39;n an&#39; preformatted blocks">
     <meta name="author" content="Sören Weber">
     <title>Code :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -203,12 +203,12 @@ Some preformatted stuff 'n HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../js/search.js?1674478180" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -343,13 +343,13 @@ 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?1674478180"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.print.html b/pir/tests/code/index.print.html
index 099125bf87..18abced5e2 100644
--- a/pir/tests/code/index.print.html
+++ b/pir/tests/code/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Some test&#39;n fer different styles used &#39;n rules highlightn&#39;n an&#39; preformatted blocks">
     <meta name="author" content="Sören Weber">
     <title>Code :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -116,9 +116,9 @@ Some preformatted stuff 'n HTML elements
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/index.html b/pir/tests/images/index.html
index e0e63600ad..e393acfec5 100644
--- a/pir/tests/images/index.html
+++ b/pir/tests/images/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Some test&#39;n fer different styles o&#39; image links">
     <meta name="author" content="Sören Weber">
     <title>Images :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -234,12 +234,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../../js/search.js?1674478180" defer></script>
+        <script src="../../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -374,13 +374,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478180"></script>
+          <script async src="../../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/index.print.html b/pir/tests/images/index.print.html
index d294db0e3f..ccb7df340c 100644
--- a/pir/tests/images/index.print.html
+++ b/pir/tests/images/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Some test&#39;n fer different styles o&#39; image links">
     <meta name="author" content="Sören Weber">
     <title>Images :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -147,9 +147,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.html b/pir/tests/index.html
index 46078158a7..93ff1cd708 100644
--- a/pir/tests/index.html
+++ b/pir/tests/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Tests :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514151"></script>
+    <script src="../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -187,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478180" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478180" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478180" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478180" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478180" defer></script>
-        <script src="../../js/search.js?1674478180" defer></script>
+        <script src="../../js/auto-complete.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514152" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514152" defer></script>
+        <script src="../../js/search.js?1674514152" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -327,13 +327,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478180"></script>
+          <script async src="../../js/buttons.js?1674514152"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../js/theme.js?1674478180" defer></script>
+    <script src="../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.print.html b/pir/tests/index.print.html
index 2935219d5e..dcac8c329b 100644
--- a/pir/tests/index.print.html
+++ b/pir/tests/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Tests :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../js/url.js?1674478180"></script>
-    <script src="../../js/variant.js?1674478180"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../js/url.js?1674514152"></script>
+    <script src="../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -425,9 +425,9 @@ Some preformatted stuff 'n HTML elements
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../js/theme.js?1674478180" defer></script>
+    <script src="../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/pir/tests/width/index.html b/pir/tests/width/index.html
index 532a92e205..0a969f7433 100644
--- a/pir/tests/width/index.html
+++ b/pir/tests/width/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Test dynamic width rrresizing o&#39; content if scrrrollbar &#39;s present">
     <meta name="author" content="Sören Weber">
     <title>Width :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514151" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514151" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514151" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514151" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514151" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514151" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514151" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514151" rel="stylesheet">
+    <link href="../../../css/print.css?1674514151" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514151"></script>
+    <script src="../../../js/variant.js?1674514151"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514151" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -191,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478179" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478179" defer></script>
-        <script src="../../../js/search.js?1674478179" defer></script>
+        <script src="../../../js/auto-complete.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514151" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514151" defer></script>
+        <script src="../../../js/search.js?1674514151" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -331,13 +331,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478179"></script>
+          <script async src="../../../js/buttons.js?1674514151"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478179" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478179" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478179" defer></script>
-    <script src="../../../js/theme.js?1674478179" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514151" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514151" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514151" defer></script>
+    <script src="../../../js/theme.js?1674514151" defer></script>
   </body>
 </html>
diff --git a/pir/tests/width/index.print.html b/pir/tests/width/index.print.html
index e2b13d4f67..8abe96e65e 100644
--- a/pir/tests/width/index.print.html
+++ b/pir/tests/width/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Test dynamic width rrresizing o&#39; content if scrrrollbar &#39;s present">
     <meta name="author" content="Sören Weber">
     <title>Width :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../../../images/logo.svg?1674478178" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514151" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478180" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478180" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478180" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478180" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478180" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478180" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478180" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478180" rel="stylesheet">
-    <link href="../../../css/print.css?1674478180" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478180" rel="stylesheet">
-    <script src="../../../js/url.js?1674478180"></script>
-    <script src="../../../js/variant.js?1674478180"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514152" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514152" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514152" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514152" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514152" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514152" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514152" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514152" rel="stylesheet">
+    <link href="../../../css/print.css?1674514152" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514152" rel="stylesheet">
+    <script src="../../../js/url.js?1674514152"></script>
+    <script src="../../../js/variant.js?1674514152"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478180" defer></script>
+    <script src="../../../js/jquery.min.js?1674514152" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -104,9 +104,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478180" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478180" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478180" defer></script>
-    <script src="../../../js/theme.js?1674478180" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514152" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514152" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514152" defer></script>
+    <script src="../../../js/theme.js?1674514152" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index 82d106035b..43a252b097 100644
--- a/search.html
+++ b/search.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="./css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="./css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="./css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="./css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1674478178" rel="stylesheet">
-    <link href="./css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="./css/ie.css?1674478178" rel="stylesheet">
-    <link href="./css/variant.css?1674478178" rel="stylesheet">
-    <link href="./css/print.css?1674478178" rel="stylesheet" media="print">
-    <script src="./js/url.js?1674478178"></script>
-    <script src="./js/variant.js?1674478178"></script>
+    <link href="./css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="./css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="./css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="./css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="./css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1674514150" rel="stylesheet">
+    <link href="./css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="./css/ie.css?1674514150" rel="stylesheet">
+    <link href="./css/variant.css?1674514150" rel="stylesheet">
+    <link href="./css/print.css?1674514150" rel="stylesheet" media="print">
+    <script src="./js/url.js?1674514150"></script>
+    <script src="./js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="./js/jquery.min.js?1674478178" defer></script>
+    <script src="./js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1674478178" defer></script>
-        <script src="./js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="./js/search.js?1674478178" defer></script>
+        <script src="./js/auto-complete.js?1674514150" defer></script>
+        <script src="./js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="./js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -294,13 +294,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="./js/buttons.js?1674478178"></script>
+          <script async src="./js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1674478178" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="./js/featherlight.min.js?1674478178" defer></script>
-    <script src="./js/theme.js?1674478178" defer></script>
+    <script src="./js/clipboard.min.js?1674514150" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="./js/featherlight.min.js?1674514150" defer></script>
+    <script src="./js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index ecc508f8d2..17b631f6d7 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -10,21 +10,21 @@
     <title>Attachments :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -91,11 +91,18 @@
         <li><a href="#parameter">Parameter</a></li>
       </ul>
     </li>
+    <li><a href="#setup">Setup</a>
+      <ul>
+        <li><a href="#single-language">Single language</a></li>
+        <li><a href="#multilingual">Multilingual</a></li>
+      </ul>
+    </li>
     <li><a href="#examples">Examples</a>
       <ul>
         <li><a href="#custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List of Attachments Ending in pdf or mp4</a></li>
         <li><a href="#info-styled-box-descending-sort-order">Info Styled Box, Descending Sort Order</a></li>
-        <li><a href="#style-and-icons">Style and Icons</a></li>
+        <li><a href="#with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</a></li>
+        <li><a href="#style-color-title-and-icons">Style, Color, Title and Icons</a></li>
       </ul>
     </li>
   </ul>
@@ -156,6 +163,50 @@
     </div>
   </div>
 </div>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <code>Attachments</code><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <code>paperclip</code><br><br>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty d with spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left"><code>asc</code></td>
+<td style="text-align:left">Sorting the output in <code>asc</code>ending or <code>desc</code>ending order.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>pattern</strong></td>
+<td style="text-align:left"><code>.*</code></td>
+<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used to filter the attachments by file name. For example:<br><br>- to match a file suffix of &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- to match file names ending in <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
+</tr>
+</tbody>
+</table>
+<h2 id="setup">Setup</h2>
+<h3 id="single-language">Single language</h3>
 <p>The shortcode lists files found in a specific folder. The name of the folder depends on your page type (either branch bundle, leaf bundle or page).</p>
 <ol>
 <li>
@@ -220,6 +271,7 @@
 </blockquote>
 </li>
 </ol>
+<h3 id="multilingual">Multilingual</h3>
 <p>Be aware that if you use a multilingual website, you will need to have as many folders as languages and the language code must be part of the folder name.</p>
 <p>Eg. for a site in English and Piratish:</p>
 <blockquote>
@@ -244,43 +296,6 @@
 </li>
 </ul>
 </blockquote>
-<h3 id="parameter">Parameter</h3>
-<table>
-<thead>
-<tr>
-<th style="text-align:left">Name</th>
-<th style="text-align:left">Default</th>
-<th style="text-align:left">Notes</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">The color scheme used to highlight the box content.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <code>Attachments</code><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>icon</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <code>paperclip</code><br><br>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty d with spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left"><code>asc</code></td>
-<td style="text-align:left">Sorting the output in <code>asc</code>ending or <code>desc</code>ending order.</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left"><code>.*</code></td>
-<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used to filter the attachments by file name. For example:<br><br>- to match a file suffix of &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- to match file names ending in <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
-</tr>
-</tbody>
-</table>
 <h2 id="examples">Examples</h2>
 <h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List of Attachments Ending in pdf or mp4</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*\.(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
@@ -307,8 +322,22 @@
     <li><a href="../../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-<h3 id="style-and-icons">Style and Icons</h3>
-<p>For further examples for <strong>style</strong>, <strong>title</strong> and <strong>icon</strong>, see the <a href="../../shortcodes/notice/"><code>notice</code> shortcode</a> documentation. The parameter are working the same way for both shortcodes, besides having different defaults.</p>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box attachments cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Attachments</div>
+  <ul class="box-content attachments-files">
+    <li><a href="../../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
+    <li><a href="../../shortcodes/attachments.en.files/BachGavotteShort.mp3">BachGavotteShort.mp3</a> (357 KB)</li>
+    <li><a href="../../shortcodes/attachments.en.files/Carroll_AliceAuPaysDesMerveilles.pdf">Carroll_AliceAuPaysDesMerveilles.pdf</a> (175 KB)</li>
+    <li><a href="../../shortcodes/attachments.en.files/hugo.png">hugo.png</a> (17 KB)</li>
+    <li><a href="../../shortcodes/attachments.en.files/hugo.txt">hugo.txt</a> (20 B)</li>
+    <li><a href="../../shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
+  </ul>
+</div>
+<h3 id="style-color-title-and-icons">Style, Color, Title and Icons</h3>
+<p>For further examples for <strong>style</strong>, <strong>color</strong>, <strong>title</strong> and <strong>icon</strong>, see the <a href="../../shortcodes/notice/"><code>notice</code> shortcode</a> documentation. The parameter are working the same way for both shortcodes, besides having different defaults.</p>
 
             <footer class="footline">
             </footer>
@@ -388,12 +417,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478176" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478176" defer></script>
-        <script src="../../js/search.js?1674478176" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -509,13 +538,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478176"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478176" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478176" defer></script>
-    <script src="../../js/featherlight.min.js?1674478176" defer></script>
-    <script src="../../js/theme.js?1674478176" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index e474188ccc..a2e0ccab67 100644
--- a/shortcodes/attachments/index.print.html
+++ b/shortcodes/attachments/index.print.html
@@ -10,22 +10,22 @@
     <title>Attachments :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -120,6 +120,50 @@
     </div>
   </div>
 </div>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <code>Attachments</code><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <code>paperclip</code><br><br>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty d with spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left"><code>asc</code></td>
+<td style="text-align:left">Sorting the output in <code>asc</code>ending or <code>desc</code>ending order.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>pattern</strong></td>
+<td style="text-align:left"><code>.*</code></td>
+<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used to filter the attachments by file name. For example:<br><br>- to match a file suffix of &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- to match file names ending in <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
+</tr>
+</tbody>
+</table>
+<h2 id="setup">Setup</h2>
+<h3 id="single-language">Single language</h3>
 <p>The shortcode lists files found in a specific folder. The name of the folder depends on your page type (either branch bundle, leaf bundle or page).</p>
 <ol>
 <li>
@@ -184,6 +228,7 @@
 </blockquote>
 </li>
 </ol>
+<h3 id="multilingual">Multilingual</h3>
 <p>Be aware that if you use a multilingual website, you will need to have as many folders as languages and the language code must be part of the folder name.</p>
 <p>Eg. for a site in English and Piratish:</p>
 <blockquote>
@@ -208,43 +253,6 @@
 </li>
 </ul>
 </blockquote>
-<h3 id="parameter">Parameter</h3>
-<table>
-<thead>
-<tr>
-<th style="text-align:left">Name</th>
-<th style="text-align:left">Default</th>
-<th style="text-align:left">Notes</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">The color scheme used to highlight the box content.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <code>Attachments</code><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>icon</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <code>paperclip</code><br><br>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty d with spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left"><code>asc</code></td>
-<td style="text-align:left">Sorting the output in <code>asc</code>ending or <code>desc</code>ending order.</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left"><code>.*</code></td>
-<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used to filter the attachments by file name. For example:<br><br>- to match a file suffix of &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- to match file names ending in <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
-</tr>
-</tbody>
-</table>
 <h2 id="examples">Examples</h2>
 <h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List of Attachments Ending in pdf or mp4</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*\.(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
@@ -271,8 +279,22 @@
     <li><a href="../../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-<h3 id="style-and-icons">Style and Icons</h3>
-<p>For further examples for <strong>style</strong>, <strong>title</strong> and <strong>icon</strong>, see the <a href="../../shortcodes/notice/"><code>notice</code> shortcode</a> documentation. The parameter are working the same way for both shortcodes, besides having different defaults.</p>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box attachments cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Attachments</div>
+  <ul class="box-content attachments-files">
+    <li><a href="../../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
+    <li><a href="../../shortcodes/attachments.en.files/BachGavotteShort.mp3">BachGavotteShort.mp3</a> (357 KB)</li>
+    <li><a href="../../shortcodes/attachments.en.files/Carroll_AliceAuPaysDesMerveilles.pdf">Carroll_AliceAuPaysDesMerveilles.pdf</a> (175 KB)</li>
+    <li><a href="../../shortcodes/attachments.en.files/hugo.png">hugo.png</a> (17 KB)</li>
+    <li><a href="../../shortcodes/attachments.en.files/hugo.txt">hugo.txt</a> (20 B)</li>
+    <li><a href="../../shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
+  </ul>
+</div>
+<h3 id="style-color-title-and-icons">Style, Color, Title and Icons</h3>
+<p>For further examples for <strong>style</strong>, <strong>color</strong>, <strong>title</strong> and <strong>icon</strong>, see the <a href="../../shortcodes/notice/"><code>notice</code> shortcode</a> documentation. The parameter are working the same way for both shortcodes, besides having different defaults.</p>
 
             <footer class="footline">
             </footer>
@@ -280,9 +302,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index b0c10d2c92..cf6268f1f5 100644
--- a/shortcodes/badge/index.html
+++ b/shortcodes/badge/index.html
@@ -10,21 +10,21 @@
     <title>Badge :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -115,7 +115,8 @@
 <p><span class="badge cstyle default"><span class="badge-content">Important</span></span>
 <span class="badge cstyle primary badge-with-title"><span class="badge-title">Version</span><span class="badge-content">6.6.6</span></span>
 <span class="badge cstyle red badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-angle-double-up"></i></span><span class="badge-content">Captain</span></span>
-<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Info</span><span class="badge-content">Awesome</span></span></p>
+<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Info</span><span class="badge-content">New</span></span>
+<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;">Awesome</span></span></p>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
@@ -139,7 +140,8 @@
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Important</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Version&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="mf">6.6.6</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Captain</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">New</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div data-tab-item="partial" data-tab-group="shortcode-parameter" class="tab-item ">
@@ -162,6 +164,12 @@
 </span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;style&#34;</span> <span class="s">&#34;info&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;New&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">)}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;color&#34;</span> <span class="s">&#34;fuchsia&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;icon&#34;</span> <span class="s">&#34;fab fa-hackerrank&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;Awesome&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div>
@@ -181,17 +189,22 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">The color scheme used to paint the badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
 </tr>
 <tr>
-<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left"><strong>color</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the badge title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitrary text for the badge title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -265,8 +278,11 @@
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;rocket&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Feature&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-rocket"></i> Feature</span><span class="badge-content">Awesome</span></span>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><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;">Awesome</span></span>
 <h4 id="with-icon-content">With Icon Content</h4>
-<p>You can combine the badge with the <a href="../../shortcodes/icon/"><code>icon</code> shortcode</a> to create even more stunning variants.</p>
+<p>You can combine the badge with the <a href="../../shortcodes/icon/"><code>icon</code> shortcode</a> to create even more stunning visuals.</p>
 <p>In this case you need to declare <code>{{&lt; badge &gt;}}</code> instead of <code>{{% badge %}}</code>. Note, that in this case it is not possible to put markdown in the content.</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}</span> <span class="nx">Pirate</span><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
@@ -368,12 +384,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -489,13 +505,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index b7399e7474..27359fead3 100644
--- a/shortcodes/badge/index.print.html
+++ b/shortcodes/badge/index.print.html
@@ -10,22 +10,22 @@
     <title>Badge :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -79,7 +79,8 @@
 <p><span class="badge cstyle default"><span class="badge-content">Important</span></span>
 <span class="badge cstyle primary badge-with-title"><span class="badge-title">Version</span><span class="badge-content">6.6.6</span></span>
 <span class="badge cstyle red badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-angle-double-up"></i></span><span class="badge-content">Captain</span></span>
-<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Info</span><span class="badge-content">Awesome</span></span></p>
+<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Info</span><span class="badge-content">New</span></span>
+<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;">Awesome</span></span></p>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
@@ -103,7 +104,8 @@
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Important</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Version&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="mf">6.6.6</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Captain</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">New</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div data-tab-item="partial" data-tab-group="shortcode-parameter" class="tab-item ">
@@ -126,6 +128,12 @@
 </span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;style&#34;</span> <span class="s">&#34;info&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;New&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">)}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;color&#34;</span> <span class="s">&#34;fuchsia&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;icon&#34;</span> <span class="s">&#34;fab fa-hackerrank&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;Awesome&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div>
@@ -145,17 +153,22 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">The color scheme used to paint the badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
 </tr>
 <tr>
-<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left"><strong>color</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the badge title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitrary text for the badge title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -229,8 +242,11 @@
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;rocket&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Feature&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-rocket"></i> Feature</span><span class="badge-content">Awesome</span></span>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><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;">Awesome</span></span>
 <h4 id="with-icon-content">With Icon Content</h4>
-<p>You can combine the badge with the <a href="../../shortcodes/icon/"><code>icon</code> shortcode</a> to create even more stunning variants.</p>
+<p>You can combine the badge with the <a href="../../shortcodes/icon/"><code>icon</code> shortcode</a> to create even more stunning visuals.</p>
 <p>In this case you need to declare <code>{{&lt; badge &gt;}}</code> instead of <code>{{% badge %}}</code>. Note, that in this case it is not possible to put markdown in the content.</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}</span> <span class="nx">Pirate</span><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
@@ -260,9 +276,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 830c290420..5257b20560 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -10,21 +10,21 @@
     <title>Button :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -186,12 +186,17 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">The color scheme used to paint the button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposition</strong></td>
@@ -211,7 +216,7 @@
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the button title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitrary text for the button title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 </tbody>
 </table>
@@ -360,6 +365,15 @@
   </a>
 </span></p>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<span class="btn cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fab fa-hackerrank"></i>
+    Hugo
+  </a>
+</span>
 <h4 id="severity-style-with-all-defaults">Severity Style with All Defaults</h4>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -486,12 +500,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -607,13 +621,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index 388c5fec5e..1dee1ac35c 100644
--- a/shortcodes/button/index.print.html
+++ b/shortcodes/button/index.print.html
@@ -10,22 +10,22 @@
     <title>Button :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -149,12 +149,17 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">The color scheme used to paint the button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposition</strong></td>
@@ -174,7 +179,7 @@
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the button title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitrary text for the button title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 </tbody>
 </table>
@@ -323,6 +328,15 @@
   </a>
 </span></p>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<span class="btn cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fab fa-hackerrank"></i>
+    Hugo
+  </a>
+</span>
 <h4 id="severity-style-with-all-defaults">Severity Style with All Defaults</h4>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -377,9 +391,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" 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 a0aa547c51..f1d41ca07d 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
@@ -9,21 +9,21 @@
     <meta name="description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1-1-1-1 :: Hugo Relearn Theme</title>
-    <link href="../../../../../../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../../../../../../js/url.js?1674478176"></script>
-    <script src="../../../../../../../../js/variant.js?1674478176"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../../../../../../js/url.js?1674514149"></script>
+    <script src="../../../../../../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../../../../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../../../../../../js/search.js?1674478177" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../../../../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../../../../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../../../../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../../../../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../../../../js/theme.js?1674514150" 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 3300cd3ccf..37c181753e 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
@@ -9,22 +9,22 @@
     <meta name="description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1-1-1-1 :: Hugo Relearn Theme</title>
-    <link href="../../../../../../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1674514150"></script>
+    <script src="../../../../../../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -88,9 +88,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../../../../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../../../../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../../../../js/theme.js?1674514150" 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 f07aa04d4e..94754f9854 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
@@ -9,21 +9,21 @@
     <meta name="description" content="This is a hidden demo child page">
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme</title>
-    <link href="../../../../../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../../../../../js/url.js?1674478176"></script>
-    <script src="../../../../../../../js/variant.js?1674478176"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../../../../../js/url.js?1674514149"></script>
+    <script src="../../../../../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../../../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -191,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../../../../../js/search.js?1674478177" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../../../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,13 +316,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../../../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../../../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../../../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../../../js/theme.js?1674514150" 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 63931d77c7..0c45a946da 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
@@ -9,22 +9,22 @@
     <meta name="description" content="This is a hidden demo child page">
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme</title>
-    <link href="../../../../../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1674514150"></script>
+    <script src="../../../../../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -106,9 +106,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../../../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../../../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../../../js/theme.js?1674514150" 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 2f0c56e986..197531a857 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
@@ -9,21 +9,21 @@
     <meta name="description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1-1 :: Hugo Relearn Theme</title>
-    <link href="../../../../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../../../../js/url.js?1674478176"></script>
-    <script src="../../../../../../js/variant.js?1674478176"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../../../../js/url.js?1674514149"></script>
+    <script src="../../../../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -191,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../../../../js/search.js?1674478177" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -314,13 +314,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/theme.js?1674514150" 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 976d5ae0ec..61bed65bc3 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
@@ -9,22 +9,22 @@
     <meta name="description" content="This is a non-hidden demo child page of a hidden parent page">
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1-1 :: Hugo Relearn Theme</title>
-    <link href="../../../../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1674514150"></script>
+    <script src="../../../../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -97,9 +97,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/theme.js?1674514150" 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 469ff64d19..347c6ef430 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
@@ -9,21 +9,21 @@
     <meta name="description" content="This is a hidden demo child page">
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1 (hidden) :: Hugo Relearn Theme</title>
-    <link href="../../../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../../../js/url.js?1674478176"></script>
-    <script src="../../../../../js/variant.js?1674478176"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../../../js/url.js?1674514149"></script>
+    <script src="../../../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -191,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../../../js/search.js?1674478177" defer></script>
+        <script src="../../../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -314,13 +314,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../js/theme.js?1674514150" 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 3034ca44b8..3fefd017b3 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
@@ -9,22 +9,22 @@
     <meta name="description" content="This is a hidden demo child page">
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1 (hidden) :: Hugo Relearn Theme</title>
-    <link href="../../../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../../../js/url.js?1674514150"></script>
+    <script src="../../../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -115,9 +115,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../js/theme.js?1674514150" 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 066b11d105..acda4a1d0c 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
@@ -10,21 +10,21 @@
     <title>page 1-1-2-1 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../../../../js/url.js?1674478176"></script>
-    <script src="../../../../../../js/variant.js?1674478176"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../../../../js/url.js?1674514149"></script>
+    <script src="../../../../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../../../../js/search.js?1674478177" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -297,13 +297,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/theme.js?1674514150" 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 6063c4c995..e0cccd7778 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
@@ -10,22 +10,22 @@
     <title>page 1-1-2-1 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1674514150"></script>
+    <script src="../../../../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -89,9 +89,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/theme.js?1674514150" 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 b313758db8..87aa22a52c 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
@@ -10,21 +10,21 @@
     <title>page 1-1-2-2 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../../../../js/url.js?1674478176"></script>
-    <script src="../../../../../../js/variant.js?1674478176"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../../../../js/url.js?1674514149"></script>
+    <script src="../../../../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../../../../js/search.js?1674478177" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -297,13 +297,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/theme.js?1674514150" 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 0aa3d89812..e623fad0b6 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
@@ -10,22 +10,22 @@
     <title>page 1-1-2-2 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1674514150"></script>
+    <script src="../../../../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -89,9 +89,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../../js/theme.js?1674514150" 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 34a9e532d9..caab653069 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
@@ -10,21 +10,21 @@
     <title>page 1-1-2 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../../../js/url.js?1674478176"></script>
-    <script src="../../../../../js/variant.js?1674478176"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../../../js/url.js?1674514149"></script>
+    <script src="../../../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -193,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../../../js/search.js?1674478177" defer></script>
+        <script src="../../../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -314,13 +314,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../js/theme.js?1674514150" 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 e2d1284d2d..ed61bed21a 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
@@ -10,22 +10,22 @@
     <title>page 1-1-2 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../../../js/url.js?1674514150"></script>
+    <script src="../../../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -117,9 +117,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../js/theme.js?1674514150" 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 6695854f50..acdee62793 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
@@ -10,21 +10,21 @@
     <title>page 1-1-3 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../../../js/url.js?1674478176"></script>
-    <script src="../../../../../js/variant.js?1674478176"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../../../js/url.js?1674514149"></script>
+    <script src="../../../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../../../js/search.js?1674478177" defer></script>
+        <script src="../../../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -297,13 +297,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../js/theme.js?1674514150" 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 0015c85d96..632add32e1 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
@@ -10,22 +10,22 @@
     <title>page 1-1-3 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../../../js/url.js?1674478178"></script>
-    <script src="../../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../../../js/url.js?1674514150"></script>
+    <script src="../../../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -89,9 +89,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../../js/theme.js?1674514150" 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 37dabc84fc..d3d3857bc8 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -10,21 +10,21 @@
     <title>page 1-1 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478176"></script>
-    <script src="../../../../js/variant.js?1674478176"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514149"></script>
+    <script src="../../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -194,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../../js/search.js?1674478177" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -315,13 +315,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../js/theme.js?1674514150" 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 74a816aee5..4708ceb274 100644
--- a/shortcodes/children/children-1/children-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/index.print.html
@@ -10,22 +10,22 @@
     <title>page 1-1 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514150"></script>
+    <script src="../../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -146,9 +146,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index 161c9f258c..7f0ac0830a 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -10,21 +10,21 @@
     <title>page 1 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -191,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,13 +312,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index 4a5cbbe5ae..7c12a3d7ca 100644
--- a/shortcodes/children/children-1/index.print.html
+++ b/shortcodes/children/children-1/index.print.html
@@ -10,22 +10,22 @@
     <title>page 1 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -163,9 +163,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index fa9670c7d2..a2d97ba777 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -10,21 +10,21 @@
     <title>page 2 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -297,13 +297,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index 5ff007b51d..7170dae03a 100644
--- a/shortcodes/children/children-2/index.print.html
+++ b/shortcodes/children/children-2/index.print.html
@@ -10,22 +10,22 @@
     <title>page 2 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -89,9 +89,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 361383c04f..38bac0d840 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -10,21 +10,21 @@
     <title>page 3 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -191,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,13 +312,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index e7d8c9a50c..6462129d4b 100644
--- a/shortcodes/children/children-3/index.print.html
+++ b/shortcodes/children/children-3/index.print.html
@@ -10,22 +10,22 @@
     <title>page 3 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -106,9 +106,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index bea16863b0..5568be1488 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -10,21 +10,21 @@
     <title>page 3-1 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../../js/url.js?1674478176"></script>
-    <script src="../../../../js/variant.js?1674478176"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../../js/url.js?1674514149"></script>
+    <script src="../../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../../js/search.js?1674478177" defer></script>
+        <script src="../../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -297,13 +297,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../../js/theme.js?1674514149" 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 9aad0fd910..e0a1b37b65 100644
--- a/shortcodes/children/children-3/test3/index.print.html
+++ b/shortcodes/children/children-3/test3/index.print.html
@@ -10,22 +10,22 @@
     <title>page 3-1 :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../../js/url.js?1674478178"></script>
-    <script src="../../../../js/variant.js?1674478178"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../../js/url.js?1674514150"></script>
+    <script src="../../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -89,9 +89,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index c7b170077c..f4bfa5370c 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="This is a hidden demo child page">
     <meta name="author" content="Sören Weber">
     <title>page 4 (hidden) :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -296,13 +296,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index d954338a3e..012e7a4b18 100644
--- a/shortcodes/children/children-4/index.print.html
+++ b/shortcodes/children/children-4/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="This is a hidden demo child page">
     <meta name="author" content="Sören Weber">
     <title>page 4 (hidden) :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -87,9 +87,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index b95b25ce85..afdd2ade1b 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -10,21 +10,21 @@
     <title>Children :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -376,12 +376,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -497,13 +497,13 @@ 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?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index 6360ad9d71..8cdd26384c 100644
--- a/shortcodes/children/index.print.html
+++ b/shortcodes/children/index.print.html
@@ -10,22 +10,22 @@
     <title>Children :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -399,9 +399,9 @@ So its content is used as description.</p>
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 891f7ecb96..1b2047612c 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -11,21 +11,21 @@
     <title>page X :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -172,12 +172,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -293,13 +293,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index ac8656f502..de6681b153 100644
--- a/shortcodes/children/test/index.print.html
+++ b/shortcodes/children/test/index.print.html
@@ -11,22 +11,22 @@
     <title>page X :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -44,7 +44,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -85,9 +85,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 2c62e880ae..77d785f3ab 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -10,21 +10,21 @@
     <title>Expand :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -346,12 +346,12 @@ No need to press you!
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -467,13 +467,13 @@ 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?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index 1857e39665..1ee20f86c8 100644
--- a/shortcodes/expand/index.print.html
+++ b/shortcodes/expand/index.print.html
@@ -10,22 +10,22 @@
     <title>Expand :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -238,9 +238,9 @@ No need to press you!
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index d47564fb7c..992f86dc0c 100644
--- a/shortcodes/icon/index.html
+++ b/shortcodes/icon/index.html
@@ -10,21 +10,21 @@
     <title>Icon :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -293,12 +293,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -414,13 +414,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index 5d3fecc278..78300c973e 100644
--- a/shortcodes/icon/index.print.html
+++ b/shortcodes/icon/index.print.html
@@ -10,22 +10,22 @@
     <title>Icon :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -184,9 +184,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 3ef1492b48..474dbdc381 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -10,21 +10,21 @@
     <title>Include :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -272,12 +272,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -393,13 +393,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index 4ead6a0fe2..1aff133c77 100644
--- a/shortcodes/include/index.print.html
+++ b/shortcodes/include/index.print.html
@@ -10,22 +10,22 @@
     <title>Include :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -166,9 +166,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index a5d1b1623b..e923fd8c4c 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index caf01f11ac..666c157378 100644
--- a/shortcodes/include_me/index.print.html
+++ b/shortcodes/include_me/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -93,9 +93,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 8ebb92b38d..d77944025a 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -10,21 +10,21 @@
     <title>Shortcodes :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../js/url.js?1674478176"></script>
-    <script src="../js/variant.js?1674478176"></script>
+    <link href="../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../js/url.js?1674514149"></script>
+    <script src="../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478176" defer></script>
+    <script src="../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -190,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../js/search.js?1674478177" defer></script>
+        <script src="../js/auto-complete.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -311,13 +311,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1674478177"></script>
+          <script async src="../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../js/theme.js?1674478177" defer></script>
+    <script src="../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index 86dd2a0c5e..958587f8b8 100644
--- a/shortcodes/index.print.html
+++ b/shortcodes/index.print.html
@@ -10,22 +10,22 @@
     <title>Shortcodes :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../js/url.js?1674478178"></script>
-    <script src="../js/variant.js?1674478178"></script>
+    <link href="../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../js/url.js?1674514150"></script>
+    <script src="../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478178" defer></script>
+    <script src="../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -151,6 +151,50 @@
     </div>
   </div>
 </div>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <code>Attachments</code><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <code>paperclip</code><br><br>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty d with spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left"><code>asc</code></td>
+<td style="text-align:left">Sorting the output in <code>asc</code>ending or <code>desc</code>ending order.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>pattern</strong></td>
+<td style="text-align:left"><code>.*</code></td>
+<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used to filter the attachments by file name. For example:<br><br>- to match a file suffix of &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- to match file names ending in <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
+</tr>
+</tbody>
+</table>
+<h2 id="setup">Setup</h2>
+<h3 id="single-language">Single language</h3>
 <p>The shortcode lists files found in a specific folder. The name of the folder depends on your page type (either branch bundle, leaf bundle or page).</p>
 <ol>
 <li>
@@ -215,6 +259,7 @@
 </blockquote>
 </li>
 </ol>
+<h3 id="multilingual">Multilingual</h3>
 <p>Be aware that if you use a multilingual website, you will need to have as many folders as languages and the language code must be part of the folder name.</p>
 <p>Eg. for a site in English and Piratish:</p>
 <blockquote>
@@ -239,43 +284,6 @@
 </li>
 </ul>
 </blockquote>
-<h3 id="parameter">Parameter</h3>
-<table>
-<thead>
-<tr>
-<th style="text-align:left">Name</th>
-<th style="text-align:left">Default</th>
-<th style="text-align:left">Notes</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">The color scheme used to highlight the box content.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <code>Attachments</code><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>icon</strong></td>
-<td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <code>paperclip</code><br><br>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty d with spaces)</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left"><code>asc</code></td>
-<td style="text-align:left">Sorting the output in <code>asc</code>ending or <code>desc</code>ending order.</td>
-</tr>
-<tr>
-<td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left"><code>.*</code></td>
-<td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">regular expressions</a>, used to filter the attachments by file name. For example:<br><br>- to match a file suffix of &lsquo;jpg&rsquo;, use <code>.*\.jpg</code> (not <code>*.\.jpg</code>)<br>- to match file names ending in <code>jpg</code> or <code>png</code>, use <code>.*\.(jpg|png)</code></td>
-</tr>
-</tbody>
-</table>
 <h2 id="examples">Examples</h2>
 <h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List of Attachments Ending in pdf or mp4</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*\.(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
@@ -302,8 +310,22 @@
     <li><a href="../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-<h3 id="style-and-icons">Style and Icons</h3>
-<p>For further examples for <strong>style</strong>, <strong>title</strong> and <strong>icon</strong>, see the <a href="../shortcodes/notice/"><code>notice</code> shortcode</a> documentation. The parameter are working the same way for both shortcodes, besides having different defaults.</p>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">attachments</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box attachments cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Attachments</div>
+  <ul class="box-content attachments-files">
+    <li><a href="../shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
+    <li><a href="../shortcodes/attachments.en.files/BachGavotteShort.mp3">BachGavotteShort.mp3</a> (357 KB)</li>
+    <li><a href="../shortcodes/attachments.en.files/Carroll_AliceAuPaysDesMerveilles.pdf">Carroll_AliceAuPaysDesMerveilles.pdf</a> (175 KB)</li>
+    <li><a href="../shortcodes/attachments.en.files/hugo.png">hugo.png</a> (17 KB)</li>
+    <li><a href="../shortcodes/attachments.en.files/hugo.txt">hugo.txt</a> (20 B)</li>
+    <li><a href="../shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
+  </ul>
+</div>
+<h3 id="style-color-title-and-icons">Style, Color, Title and Icons</h3>
+<p>For further examples for <strong>style</strong>, <strong>color</strong>, <strong>title</strong> and <strong>icon</strong>, see the <a href="../shortcodes/notice/"><code>notice</code> shortcode</a> documentation. The parameter are working the same way for both shortcodes, besides having different defaults.</p>
 
             <footer class="footline">
             </footer>
@@ -316,7 +338,8 @@
 <p><span class="badge cstyle default"><span class="badge-content">Important</span></span>
 <span class="badge cstyle primary badge-with-title"><span class="badge-title">Version</span><span class="badge-content">6.6.6</span></span>
 <span class="badge cstyle red badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-angle-double-up"></i></span><span class="badge-content">Captain</span></span>
-<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Info</span><span class="badge-content">Awesome</span></span></p>
+<span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-info-circle"></i> Info</span><span class="badge-content">New</span></span>
+<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;">Awesome</span></span></p>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
@@ -340,7 +363,8 @@
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Important</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Version&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="mf">6.6.6</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Captain</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">New</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
     </div>
     <div data-tab-item="partial" data-tab-group="shortcode-parameter" class="tab-item ">
@@ -363,6 +387,12 @@
 </span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;style&#34;</span> <span class="s">&#34;info&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;New&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">)}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/badge.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;context&#34;</span> <span class="p">.</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;color&#34;</span> <span class="s">&#34;fuchsia&#34;</span>
+</span></span><span class="line"><span class="cl">  <span class="s">&#34;icon&#34;</span> <span class="s">&#34;fab fa-hackerrank&#34;</span>
 </span></span><span class="line"><span class="cl">  <span class="s">&#34;content&#34;</span> <span class="s">&#34;Awesome&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">)}}</span>
 </span></span></code></pre></div>
@@ -382,17 +412,22 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">The color scheme used to paint the badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the badge.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
 </tr>
 <tr>
-<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left"><strong>color</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the badge title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitrary text for the badge title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>icon</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -466,8 +501,11 @@
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;rocket&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Feature&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-rocket"></i> Feature</span><span class="badge-content">Awesome</span></span>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">badge</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Awesome</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">badge</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><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;">Awesome</span></span>
 <h4 id="with-icon-content">With Icon Content</h4>
-<p>You can combine the badge with the <a href="../shortcodes/icon/"><code>icon</code> shortcode</a> to create even more stunning variants.</p>
+<p>You can combine the badge with the <a href="../shortcodes/icon/"><code>icon</code> shortcode</a> to create even more stunning visuals.</p>
 <p>In this case you need to declare <code>{{&lt; badge &gt;}}</code> instead of <code>{{% badge %}}</code>. Note, that in this case it is not possible to put markdown in the content.</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">badge</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;angle-double-up&#34;</span> <span class="p">&gt;}}{{</span><span class="o">%</span> <span class="nx">icon</span> <span class="nx">skull</span><span class="o">-</span><span class="nx">crossbones</span> <span class="o">%</span><span class="p">}}</span> <span class="nx">Pirate</span><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">badge</span> <span class="p">&gt;}}</span>  
@@ -572,12 +610,17 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">The color scheme used to paint the button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the button.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposition</strong></td>
@@ -597,7 +640,7 @@
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the button title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitrary text for the button title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 </tbody>
 </table>
@@ -746,6 +789,15 @@
   </a>
 </span></p>
 <h3 id="other">Other</h3>
+<h4 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<span class="btn cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <a href="https://gohugo.io/" target="_blank">
+    <i class="fab fa-hackerrank"></i>
+    Hugo
+  </a>
+</span>
 <h4 id="severity-style-with-all-defaults">Severity Style with All Defaults</h4>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -2262,19 +2314,25 @@ mindmap
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">The color scheme used to highlight the box content.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left"></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
 <td style="text-align:left">3</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left"><a href="../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -2457,8 +2515,8 @@ mindmap
   </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default with Title and Icon</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h4 id="default-with-positional-parameter">Default with Positional Parameter</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="k">default</span> <span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">information</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -2469,7 +2527,7 @@ mindmap
   </div>
 </div>
 <h4 id="transparent-with-title-and-icon">Transparent with Title and Icon</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">information</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -2479,6 +2537,17 @@ mindmap
 <p>Some serious information.</p>
   </div>
 </div>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Hugo&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">Victor</span><span class="err">?</span> <span class="nx">Is</span> <span class="nx">it</span> <span class="nx">you</span><span class="err">?</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box notices cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Hugo</div>
+  <div class="box-content">
+<p>Victor? Is it you?</p>
+  </div>
+</div>
 
             <footer class="footline">
             </footer>
@@ -3005,9 +3074,9 @@ mindmap
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../js/featherlight.min.js?1674478178" defer></script>
+    <script src="../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../js/featherlight.min.js?1674514150" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -3036,16 +3105,16 @@ mindmap
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1674478178"></script>
-    <script src="../js/jquery.svg.pan.zoom.js?1674478178" defer></script>
-    <script src="../js/mermaid.min.js?1674478178" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1674514150"></script>
+    <script src="../js/jquery.svg.pan.zoom.js?1674514150" defer></script>
+    <script src="../js/mermaid.min.js?1674514150" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/rapidoc-min.js?1674478178" defer></script>
+    <script src="../js/rapidoc-min.js?1674514150" defer></script>
     <script>
       window.themeUseSwagger = JSON.parse("{}");
     </script>
-    <script src="../js/theme.js?1674478178" defer></script>
+    <script src="../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.xml b/shortcodes/index.xml
index d9d7b84956..f28be76f85 100644
--- a/shortcodes/index.xml
+++ b/shortcodes/index.xml
@@ -21,9 +21,9 @@ shortcode partial {{% attachments sort=&amp;#34;asc&amp;#34; /%}} {{ partial &am
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html</guid>
       <description>The badge shortcode displays little markers in your text with adjustable color, title and icon.
-Important Version6.6.6 Captain InfoAwesome
+Important Version6.6.6 Captain InfoNew Awesome
 Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.
-shortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=&amp;#34;primary&amp;#34; title=&amp;#34;Version&amp;#34; %}}6.6.6{{% /badge %}} {{% badge style=&amp;#34;red&amp;#34; icon=&amp;#34;angle-double-up&amp;#34; %}}Captain{{% /badge %}} {{% badge style=&amp;#34;info&amp;#34; %}}Awesome{{% /badge %}} {{ partial &amp;#34;shortcodes/badge.</description>
+shortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=&amp;#34;primary&amp;#34; title=&amp;#34;Version&amp;#34; %}}6.6.6{{% /badge %}} {{% badge style=&amp;#34;red&amp;#34; icon=&amp;#34;angle-double-up&amp;#34; %}}Captain{{% /badge %}} {{% badge style=&amp;#34;info&amp;#34; %}}New{{% /badge %}} {{% badge color=&amp;#34;fuchsia&amp;#34; icon=&amp;#34;fab fa-hackerrank&amp;#34; %}}Awesome{{% /badge %}} {{ partial &amp;#34;shortcodes/badge.</description>
     </item>
     <item>
       <title>Button</title>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index 4b8fad17e2..6737e457f4 100644
--- a/shortcodes/math/index.html
+++ b/shortcodes/math/index.html
@@ -10,21 +10,21 @@
     <title>Math :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -341,12 +341,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -462,13 +462,13 @@ $$\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?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -497,7 +497,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?1674478177"></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1674514149"></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index 5bb36e37dc..b86513a442 100644
--- a/shortcodes/math/index.print.html
+++ b/shortcodes/math/index.print.html
@@ -10,22 +10,22 @@
     <title>Math :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -226,9 +226,9 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -257,7 +257,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?1674478178"></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1674514150"></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 45e3d6167c..b7f27810f5 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -10,21 +10,21 @@
     <title>Mermaid :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -743,12 +743,12 @@ mindmap
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -864,18 +864,18 @@ mindmap
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/jquery.svg.pan.zoom.js?1674478177" defer></script>
-    <script src="../../js/mermaid.min.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/jquery.svg.pan.zoom.js?1674514149" defer></script>
+    <script src="../../js/mermaid.min.js?1674514149" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index f4240ad651..a1aec04762 100644
--- a/shortcodes/mermaid/index.print.html
+++ b/shortcodes/mermaid/index.print.html
@@ -10,22 +10,22 @@
     <title>Mermaid :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -620,14 +620,14 @@ mindmap
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/jquery.svg.pan.zoom.js?1674478178" defer></script>
-    <script src="../../js/mermaid.min.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/jquery.svg.pan.zoom.js?1674514150" defer></script>
+    <script src="../../js/mermaid.min.js?1674514150" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index b0d4c56289..5d6317cd0c 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -10,21 +10,21 @@
     <title>Notice :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -97,6 +97,7 @@
         <li><a href="#by-brand-colors">By Brand Colors</a></li>
         <li><a href="#by-color">By Color</a></li>
         <li><a href="#by-special-color">By Special Color</a></li>
+        <li><a href="#with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</a></li>
       </ul>
     </li>
   </ul>
@@ -184,19 +185,25 @@
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">The color scheme used to highlight the box content.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left"></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
 <td style="text-align:left">3</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -379,8 +386,8 @@
   </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default with Title and Icon</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h4 id="default-with-positional-parameter">Default with Positional Parameter</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="k">default</span> <span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">information</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -391,7 +398,7 @@
   </div>
 </div>
 <h4 id="transparent-with-title-and-icon">Transparent with Title and Icon</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">information</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -401,6 +408,17 @@
 <p>Some serious information.</p>
   </div>
 </div>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Hugo&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">Victor</span><span class="err">?</span> <span class="nx">Is</span> <span class="nx">it</span> <span class="nx">you</span><span class="err">?</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box notices cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Hugo</div>
+  <div class="box-content">
+<p>Victor? Is it you?</p>
+  </div>
+</div>
 
             <footer class="footline">
             </footer>
@@ -480,12 +498,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -601,13 +619,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index 8192a6e48f..d681dddbcd 100644
--- a/shortcodes/notice/index.print.html
+++ b/shortcodes/notice/index.print.html
@@ -10,22 +10,22 @@
     <title>Notice :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -147,19 +147,25 @@
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
 <td style="text-align:left"><code>default</code></td>
-<td style="text-align:left">The color scheme used to highlight the box content.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+<td style="text-align:left">The style scheme used for the box.<br><br>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code><br>- by brand color: <code>primary</code>, <code>secondary</code><br>- by color: <code>blue</code>, <code>green</code>, <code>grey</code>, <code>orange</code>, <code>red</code><br>- by special color: <code>default</code>, <code>transparent</code></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>color</strong></td>
+<td style="text-align:left"></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">CSS color value</a> to be used. If not set, the chosen color depends on the <strong>style</strong>. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching color for the severity<br>- for all other styles: the corresponding color</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitrary text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br><br>- for severity styles: the matching title for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
 <td style="text-align:left">3</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other colors: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left"><a href="../../shortcodes/icon/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br><br>- for severity styles: a nice matching icon for the severity<br>- for all other styles: <em>&lt;empty&gt;</em><br><br>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
@@ -342,8 +348,8 @@
   </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default with Title and Icon</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h4 id="default-with-positional-parameter">Default with Positional Parameter</h4>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="k">default</span> <span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">information</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -354,7 +360,7 @@
   </div>
 </div>
 <h4 id="transparent-with-title-and-icon">Transparent with Title and Icon</h4>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Pay Attention to this Note!&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;skull-crossbones&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">serious</span> <span class="nx">information</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
@@ -364,6 +370,17 @@
 <p>Some serious information.</p>
   </div>
 </div>
+<h3 id="with-user-defined-color-and-font-awesome-brand-icon">With User-Defined Color and Font Awesome Brand Icon</h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">notice</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Hugo&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">Victor</span><span class="err">?</span> <span class="nx">Is</span> <span class="nx">it</span> <span class="nx">you</span><span class="err">?</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">notice</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+<div class="box notices cstyle default" style="--VARIABLE-BOX-color: fuchsia;">
+  <div class="box-label"><i class="fab fa-hackerrank"></i> Hugo</div>
+  <div class="box-content">
+<p>Victor? Is it you?</p>
+  </div>
+</div>
 
             <footer class="footline">
             </footer>
@@ -371,9 +388,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index 7cea77c380..a3c89e2ddc 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -10,21 +10,21 @@
     <title>Site param :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -254,12 +254,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -375,13 +375,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index ebf7c3dceb..da53061414 100644
--- a/shortcodes/siteparam/index.print.html
+++ b/shortcodes/siteparam/index.print.html
@@ -10,22 +10,22 @@
     <title>Site param :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -148,9 +148,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/swagger/index.html b/shortcodes/swagger/index.html
index 56eb8692c3..b43576ca26 100644
--- a/shortcodes/swagger/index.html
+++ b/shortcodes/swagger/index.html
@@ -10,21 +10,21 @@
     <title>Swagger :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -284,12 +284,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -405,17 +405,17 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/rapidoc-min.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/rapidoc-min.js?1674514150" defer></script>
     <script>
       window.themeUseSwagger = JSON.parse("{}");
     </script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/swagger/index.print.html b/shortcodes/swagger/index.print.html
index 3995fd41f3..f424a92a67 100644
--- a/shortcodes/swagger/index.print.html
+++ b/shortcodes/swagger/index.print.html
@@ -10,22 +10,22 @@
     <title>Swagger :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -173,13 +173,13 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/rapidoc-min.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/rapidoc-min.js?1674514150" defer></script>
     <script>
       window.themeUseSwagger = JSON.parse("{}");
     </script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index d462633b66..ca93a049d9 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -10,21 +10,21 @@
     <title>Tabs :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -527,12 +527,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -648,13 +648,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index 57b674303b..dc4206e250 100644
--- a/shortcodes/tabs/index.print.html
+++ b/shortcodes/tabs/index.print.html
@@ -10,22 +10,22 @@
     <title>Tabs :: Hugo Relearn Theme</title>
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,7 +43,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -419,9 +419,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 9c6fa1c4ab..dbfca45049 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>children :: Hugo Relearn Theme</title>
     <link href="../../tags/children/index.xml" rel="alternate" type="application/rss+xml" title="children :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -172,12 +172,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../js/search.js?1674478178" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -293,13 +293,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478178"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 739ee0e67b..131848d31a 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,21 +9,21 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -159,12 +159,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../js/search.js?1674478178" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -279,13 +279,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478178"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index e55942626d..efe4c38203 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>hidden :: Hugo Relearn Theme</title>
     <link href="../../tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="hidden :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../js/search.js?1674478178" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -284,13 +284,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478178"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index f7ab217256..0baefb0aeb 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>Tags :: Hugo Relearn Theme</title>
     <link href="../tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../js/url.js?1674478176"></script>
-    <script src="../js/variant.js?1674478176"></script>
+    <link href="../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../js/url.js?1674514149"></script>
+    <script src="../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478176" defer></script>
+    <script src="../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -162,12 +162,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1674478178" defer></script>
-        <script src="../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../js/search.js?1674478178" defer></script>
+        <script src="../js/auto-complete.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -283,13 +283,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1674478178"></script>
+          <script async src="../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../js/theme.js?1674478178" defer></script>
+    <script src="../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 7e231c991c..46854db053 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>non-hidden :: Hugo Relearn Theme</title>
     <link href="../../tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="non-hidden :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -167,12 +167,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../js/search.js?1674478178" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -288,13 +288,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478178"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 68386b7432..835de8668e 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -9,21 +9,21 @@
     <meta name="author" content="Sören Weber">
     <title>tutorial :: Hugo Relearn Theme</title>
     <link href="../../tags/tutorial/index.xml" rel="alternate" type="application/rss+xml" title="tutorial :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -159,12 +159,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../js/search.js?1674478178" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -279,13 +279,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478178"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach1/index.html b/tests/attach/attach1/index.html
index d663560ff2..e3d3a70183 100644
--- a/tests/attach/attach1/index.html
+++ b/tests/attach/attach1/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments Branch Test :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -336,13 +336,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach1/index.print.html b/tests/attach/attach1/index.print.html
index ab90c08371..b12738c2f4 100644
--- a/tests/attach/attach1/index.print.html
+++ b/tests/attach/attach1/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments Branch Test :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -89,9 +89,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach2/index.html b/tests/attach/attach2/index.html
index dcc6452a88..072c091979 100644
--- a/tests/attach/attach2/index.html
+++ b/tests/attach/attach2/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments Leaf Test :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -336,13 +336,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach2/index.print.html b/tests/attach/attach2/index.print.html
index 4dfa4c2cd7..e893c8dc3e 100644
--- a/tests/attach/attach2/index.print.html
+++ b/tests/attach/attach2/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments Leaf Test :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -89,9 +89,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach3/index.html b/tests/attach/attach3/index.html
index 422971b09f..8908abac5b 100644
--- a/tests/attach/attach3/index.html
+++ b/tests/attach/attach3/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments Page Test :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -336,13 +336,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach3/index.print.html b/tests/attach/attach3/index.print.html
index 546de44c93..c5e2a15e3a 100644
--- a/tests/attach/attach3/index.print.html
+++ b/tests/attach/attach3/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments Page Test :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -89,9 +89,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/attach/index.html b/tests/attach/index.html
index a4cad44f55..0cce9a45a5 100644
--- a/tests/attach/index.html
+++ b/tests/attach/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Testing Attachments Shortcode">
     <meta name="author" content="Sören Weber">
     <title>Attachments Shortcode Test :: Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -336,13 +336,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/attach/index.print.html b/tests/attach/index.print.html
index a074a6a411..e68ce96c9e 100644
--- a/tests/attach/index.print.html
+++ b/tests/attach/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Testing Attachments Shortcode">
     <meta name="author" content="Sören Weber">
     <title>Attachments Shortcode Test :: Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -137,9 +137,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/1/index.html b/tests/chapters/1/index.html
index f6aa420324..d555ea11d4 100644
--- a/tests/chapters/1/index.html
+++ b/tests/chapters/1/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>1 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -329,13 +329,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/1/index.print.html b/tests/chapters/1/index.print.html
index 8187b9776e..2b7c1c3b9a 100644
--- a/tests/chapters/1/index.print.html
+++ b/tests/chapters/1/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>1 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/10/index.html b/tests/chapters/10/index.html
index 597313f1e5..edc4d06d9f 100644
--- a/tests/chapters/10/index.html
+++ b/tests/chapters/10/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>10 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -329,13 +329,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/10/index.print.html b/tests/chapters/10/index.print.html
index 230d72cc59..29a839155a 100644
--- a/tests/chapters/10/index.print.html
+++ b/tests/chapters/10/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>10 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/11/index.html b/tests/chapters/11/index.html
index 2aa720f6a7..5a1d3ad8ad 100644
--- a/tests/chapters/11/index.html
+++ b/tests/chapters/11/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/11/index.print.html b/tests/chapters/11/index.print.html
index 06bc6df84c..7aa4b77394 100644
--- a/tests/chapters/11/index.print.html
+++ b/tests/chapters/11/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/12/index.html b/tests/chapters/12/index.html
index a747449e18..591dd6911a 100644
--- a/tests/chapters/12/index.html
+++ b/tests/chapters/12/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/12/index.print.html b/tests/chapters/12/index.print.html
index b8319f1faa..56c697c638 100644
--- a/tests/chapters/12/index.print.html
+++ b/tests/chapters/12/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/13/index.html b/tests/chapters/13/index.html
index 314c38ec6e..470ee4fb8b 100644
--- a/tests/chapters/13/index.html
+++ b/tests/chapters/13/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/13/index.print.html b/tests/chapters/13/index.print.html
index 303252d97e..b2e629d4b4 100644
--- a/tests/chapters/13/index.print.html
+++ b/tests/chapters/13/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/14/index.html b/tests/chapters/14/index.html
index 868cae5faf..303c0e77b7 100644
--- a/tests/chapters/14/index.html
+++ b/tests/chapters/14/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/14/index.print.html b/tests/chapters/14/index.print.html
index 25997bd9b3..9061cb816a 100644
--- a/tests/chapters/14/index.print.html
+++ b/tests/chapters/14/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/15/index.html b/tests/chapters/15/index.html
index 22278f8927..1c7ac37620 100644
--- a/tests/chapters/15/index.html
+++ b/tests/chapters/15/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/15/index.print.html b/tests/chapters/15/index.print.html
index 4e86238891..3cb2e73968 100644
--- a/tests/chapters/15/index.print.html
+++ b/tests/chapters/15/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/16/index.html b/tests/chapters/16/index.html
index 46ec2aa106..b8022829ce 100644
--- a/tests/chapters/16/index.html
+++ b/tests/chapters/16/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/16/index.print.html b/tests/chapters/16/index.print.html
index 166e621a73..bafd2dee4a 100644
--- a/tests/chapters/16/index.print.html
+++ b/tests/chapters/16/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/17/index.html b/tests/chapters/17/index.html
index 27c8c1f04f..aab11fe024 100644
--- a/tests/chapters/17/index.html
+++ b/tests/chapters/17/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/17/index.print.html b/tests/chapters/17/index.print.html
index b005242b00..13d4b1b7af 100644
--- a/tests/chapters/17/index.print.html
+++ b/tests/chapters/17/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/18/index.html b/tests/chapters/18/index.html
index 08793761aa..6817a461d5 100644
--- a/tests/chapters/18/index.html
+++ b/tests/chapters/18/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/18/index.print.html b/tests/chapters/18/index.print.html
index 119645f94e..0f98eb55a2 100644
--- a/tests/chapters/18/index.print.html
+++ b/tests/chapters/18/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/19/index.html b/tests/chapters/19/index.html
index 31a2dda31e..2e39bce914 100644
--- a/tests/chapters/19/index.html
+++ b/tests/chapters/19/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/19/index.print.html b/tests/chapters/19/index.print.html
index 656c3e562a..1193e50c60 100644
--- a/tests/chapters/19/index.print.html
+++ b/tests/chapters/19/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/2/index.html b/tests/chapters/2/index.html
index ecb0441caa..7b2fc239a3 100644
--- a/tests/chapters/2/index.html
+++ b/tests/chapters/2/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>2 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -329,13 +329,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/2/index.print.html b/tests/chapters/2/index.print.html
index e48f33e7c9..33b6f5e83f 100644
--- a/tests/chapters/2/index.print.html
+++ b/tests/chapters/2/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>2 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/20/index.html b/tests/chapters/20/index.html
index 69e7931b9a..7e47e127c8 100644
--- a/tests/chapters/20/index.html
+++ b/tests/chapters/20/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/20/index.print.html b/tests/chapters/20/index.print.html
index 538dbd6390..69324d52a1 100644
--- a/tests/chapters/20/index.print.html
+++ b/tests/chapters/20/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/21/index.html b/tests/chapters/21/index.html
index 82bdf5340b..7f00569be5 100644
--- a/tests/chapters/21/index.html
+++ b/tests/chapters/21/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/21/index.print.html b/tests/chapters/21/index.print.html
index 1d3c7cc9af..ed7fa0891e 100644
--- a/tests/chapters/21/index.print.html
+++ b/tests/chapters/21/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/22/index.html b/tests/chapters/22/index.html
index 3c8e7772cb..a4a46fe616 100644
--- a/tests/chapters/22/index.html
+++ b/tests/chapters/22/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/22/index.print.html b/tests/chapters/22/index.print.html
index 8521cb854f..5ca4221a3f 100644
--- a/tests/chapters/22/index.print.html
+++ b/tests/chapters/22/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/23/index.html b/tests/chapters/23/index.html
index 233c41f37f..6ff94c7916 100644
--- a/tests/chapters/23/index.html
+++ b/tests/chapters/23/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/23/index.print.html b/tests/chapters/23/index.print.html
index ec9aaa6c4c..290b631260 100644
--- a/tests/chapters/23/index.print.html
+++ b/tests/chapters/23/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/24/index.html b/tests/chapters/24/index.html
index d19cfbdef6..5c1b41cd5d 100644
--- a/tests/chapters/24/index.html
+++ b/tests/chapters/24/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/24/index.print.html b/tests/chapters/24/index.print.html
index 71ecf131d8..850352d68f 100644
--- a/tests/chapters/24/index.print.html
+++ b/tests/chapters/24/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/25/index.html b/tests/chapters/25/index.html
index 830ff0b500..ef16719114 100644
--- a/tests/chapters/25/index.html
+++ b/tests/chapters/25/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/25/index.print.html b/tests/chapters/25/index.print.html
index 35b87192fe..2a7b6fdcbd 100644
--- a/tests/chapters/25/index.print.html
+++ b/tests/chapters/25/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/26/index.html b/tests/chapters/26/index.html
index cab629ab96..fe5339147a 100644
--- a/tests/chapters/26/index.html
+++ b/tests/chapters/26/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/26/index.print.html b/tests/chapters/26/index.print.html
index df91c2d8c0..3a15f97583 100644
--- a/tests/chapters/26/index.print.html
+++ b/tests/chapters/26/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/27/index.html b/tests/chapters/27/index.html
index 307ced77ad..a94a2312d6 100644
--- a/tests/chapters/27/index.html
+++ b/tests/chapters/27/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/27/index.print.html b/tests/chapters/27/index.print.html
index d428af9ccc..04940cd5d5 100644
--- a/tests/chapters/27/index.print.html
+++ b/tests/chapters/27/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/28/index.html b/tests/chapters/28/index.html
index 2c66810954..5a97441791 100644
--- a/tests/chapters/28/index.html
+++ b/tests/chapters/28/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/28/index.print.html b/tests/chapters/28/index.print.html
index d341d19811..cd118edb82 100644
--- a/tests/chapters/28/index.print.html
+++ b/tests/chapters/28/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/29/index.html b/tests/chapters/29/index.html
index 7062176420..1b7e6f34d8 100644
--- a/tests/chapters/29/index.html
+++ b/tests/chapters/29/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/29/index.print.html b/tests/chapters/29/index.print.html
index 94e38728ba..b53fba2020 100644
--- a/tests/chapters/29/index.print.html
+++ b/tests/chapters/29/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/3/index.html b/tests/chapters/3/index.html
index fc6329e6cc..ea2316b4a4 100644
--- a/tests/chapters/3/index.html
+++ b/tests/chapters/3/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>3 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -329,13 +329,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/3/index.print.html b/tests/chapters/3/index.print.html
index 2483f282b7..889cc19077 100644
--- a/tests/chapters/3/index.print.html
+++ b/tests/chapters/3/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>3 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/30/index.html b/tests/chapters/30/index.html
index e928d82da7..96ee80880c 100644
--- a/tests/chapters/30/index.html
+++ b/tests/chapters/30/index.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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/30/index.print.html b/tests/chapters/30/index.print.html
index 80a54bda8c..8a2ed9e5b1 100644
--- a/tests/chapters/30/index.print.html
+++ b/tests/chapters/30/index.print.html
@@ -9,22 +9,22 @@
     <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?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/4/index.html b/tests/chapters/4/index.html
index 044a7a261c..f059032a23 100644
--- a/tests/chapters/4/index.html
+++ b/tests/chapters/4/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>4 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -329,13 +329,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/4/index.print.html b/tests/chapters/4/index.print.html
index 87fcbd23de..8dbfd0425a 100644
--- a/tests/chapters/4/index.print.html
+++ b/tests/chapters/4/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>4 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/5/index.html b/tests/chapters/5/index.html
index d2a6abd305..d65c553f81 100644
--- a/tests/chapters/5/index.html
+++ b/tests/chapters/5/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>5 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -329,13 +329,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/5/index.print.html b/tests/chapters/5/index.print.html
index 9ca7b9adc7..5844e03f2f 100644
--- a/tests/chapters/5/index.print.html
+++ b/tests/chapters/5/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>5 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/6/index.html b/tests/chapters/6/index.html
index 6bb4efb96f..ea6e1a2eb6 100644
--- a/tests/chapters/6/index.html
+++ b/tests/chapters/6/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>6 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -329,13 +329,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/6/index.print.html b/tests/chapters/6/index.print.html
index 9fcf06bd69..2d8ca4346b 100644
--- a/tests/chapters/6/index.print.html
+++ b/tests/chapters/6/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>6 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/7/index.html b/tests/chapters/7/index.html
index 5e9b7703e9..e9e57235dc 100644
--- a/tests/chapters/7/index.html
+++ b/tests/chapters/7/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>7 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -329,13 +329,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/7/index.print.html b/tests/chapters/7/index.print.html
index 3809cd6e38..f86641d030 100644
--- a/tests/chapters/7/index.print.html
+++ b/tests/chapters/7/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>7 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/8/index.html b/tests/chapters/8/index.html
index f98d71ebd3..1f10156c77 100644
--- a/tests/chapters/8/index.html
+++ b/tests/chapters/8/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>8 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -329,13 +329,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/8/index.print.html b/tests/chapters/8/index.print.html
index 8d906b36e6..50b3641a6e 100644
--- a/tests/chapters/8/index.print.html
+++ b/tests/chapters/8/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>8 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/9/index.html b/tests/chapters/9/index.html
index 8e37fdcd79..bc176f3957 100644
--- a/tests/chapters/9/index.html
+++ b/tests/chapters/9/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>9 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -329,13 +329,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/9/index.print.html b/tests/chapters/9/index.print.html
index 855a51f1d6..425f577230 100644
--- a/tests/chapters/9/index.print.html
+++ b/tests/chapters/9/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>9 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -82,9 +82,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/children-1/index.html b/tests/chapters/children-1/index.html
index 91367983c1..9ceb2c2194 100644
--- a/tests/chapters/children-1/index.html
+++ b/tests/chapters/children-1/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>The one and only hidden child :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../../js/url.js?1674478176"></script>
-    <script src="../../../js/variant.js?1674478176"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../../js/url.js?1674514149"></script>
+    <script src="../../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../../js/search.js?1674478177" defer></script>
+        <script src="../../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -331,13 +331,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1674478177"></script>
+          <script async src="../../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../../js/theme.js?1674478177" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/children-1/index.print.html b/tests/chapters/children-1/index.print.html
index 484aa1126f..7559016a38 100644
--- a/tests/chapters/children-1/index.print.html
+++ b/tests/chapters/children-1/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>The one and only hidden child :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../../js/url.js?1674478178"></script>
-    <script src="../../../js/variant.js?1674478178"></script>
+    <link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../../js/url.js?1674514150"></script>
+    <script src="../../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -83,9 +83,9 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../../js/theme.js?1674478178" defer></script>
+    <script src="../../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/index.html b/tests/chapters/index.html
index 3ec88c1a84..397d436979 100644
--- a/tests/chapters/index.html
+++ b/tests/chapters/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Chapters :: Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -329,13 +329,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/index.print.html b/tests/chapters/index.print.html
index 598dfff714..f316263fbc 100644
--- a/tests/chapters/index.print.html
+++ b/tests/chapters/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Chapters :: Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -325,9 +325,9 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/code/index.html b/tests/code/index.html
index 1d0124a31b..77b47823ab 100644
--- a/tests/code/index.html
+++ b/tests/code/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Some testing for different styles used in syntax highlighting and preformatted blocks">
     <meta name="author" content="Sören Weber">
     <title>Code :: Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -206,12 +206,12 @@ Some preformatted stuff in HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../js/search.js?1674478178" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -366,13 +366,13 @@ 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?1674478178"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/code/index.print.html b/tests/code/index.print.html
index 2cc60093d1..7069a0a3ee 100644
--- a/tests/code/index.print.html
+++ b/tests/code/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Some testing for different styles used in syntax highlighting and preformatted blocks">
     <meta name="author" content="Sören Weber">
     <title>Code :: Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -107,9 +107,9 @@ Some preformatted stuff in HTML elements
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/images/index.html b/tests/images/index.html
index efaa0a760f..1d377c5897 100644
--- a/tests/images/index.html
+++ b/tests/images/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Some testing for different styles of image links">
     <meta name="author" content="Sören Weber">
     <title>Images :: Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -256,12 +256,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478178" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478178" defer></script>
-        <script src="../../js/search.js?1674478178" defer></script>
+        <script src="../../js/auto-complete.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -416,13 +416,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478178"></script>
+          <script async src="../../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/images/index.print.html b/tests/images/index.print.html
index 6a48453d92..cd76291696 100644
--- a/tests/images/index.print.html
+++ b/tests/images/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Some testing for different styles of image links">
     <meta name="author" content="Sören Weber">
     <title>Images :: Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -138,9 +138,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/index.html b/tests/index.html
index 7ddb04eb97..02aff4cda5 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Tests :: Hugo Relearn Theme</title>
-    <link href="../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../js/url.js?1674478176"></script>
-    <script src="../js/variant.js?1674478176"></script>
+    <link href="../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../js/url.js?1674514149"></script>
+    <script src="../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478176" defer></script>
+    <script src="../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../js/search.js?1674478177" defer></script>
+        <script src="../js/auto-complete.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1674514150" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1674514150" defer></script>
+        <script src="../js/search.js?1674514150" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -338,13 +338,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1674478177"></script>
+          <script async src="../js/buttons.js?1674514150"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../js/theme.js?1674478177" defer></script>
+    <script src="../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/index.print.html b/tests/index.print.html
index 3ab70fbebc..d32e3ae6ae 100644
--- a/tests/index.print.html
+++ b/tests/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Tests :: Hugo Relearn Theme</title>
-    <link href="../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../js/url.js?1674478178"></script>
-    <script src="../js/variant.js?1674478178"></script>
+    <link href="../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../js/url.js?1674514150"></script>
+    <script src="../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../js/jquery.min.js?1674478178" defer></script>
+    <script src="../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -531,9 +531,9 @@ Some preformatted stuff in HTML elements
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../js/theme.js?1674478178" defer></script>
+    <script src="../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../js/theme.js?1674514150" defer></script>
   </body>
 </html>
diff --git a/tests/width/index.html b/tests/width/index.html
index 320e6a8553..943d68c1bf 100644
--- a/tests/width/index.html
+++ b/tests/width/index.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Test dynamic width resizing of content if scrollbar is present">
     <meta name="author" content="Sören Weber">
     <title>Width :: Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478176" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478176" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478176" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478176" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478176" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478176" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478176" rel="stylesheet">
-    <link href="../../css/variant.css?1674478176" rel="stylesheet">
-    <link href="../../css/print.css?1674478176" rel="stylesheet" media="print">
-    <script src="../../js/url.js?1674478176"></script>
-    <script src="../../js/variant.js?1674478176"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514149" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514149" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514149" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514149" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514149" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514149" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514149" rel="stylesheet">
+    <link href="../../css/variant.css?1674514149" rel="stylesheet">
+    <link href="../../css/print.css?1674514149" rel="stylesheet" media="print">
+    <script src="../../js/url.js?1674514149"></script>
+    <script src="../../js/variant.js?1674514149"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478176" defer></script>
+    <script src="../../js/jquery.min.js?1674514149" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -182,12 +182,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1674478177" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1674478177" defer></script>
-        <script src="../../js/search.js?1674478177" defer></script>
+        <script src="../../js/auto-complete.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1674514149" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1674514149" defer></script>
+        <script src="../../js/search.js?1674514149" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -342,13 +342,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1674478177"></script>
+          <script async src="../../js/buttons.js?1674514149"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1674478177" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478177" defer></script>
-    <script src="../../js/featherlight.min.js?1674478177" defer></script>
-    <script src="../../js/theme.js?1674478177" defer></script>
+    <script src="../../js/clipboard.min.js?1674514149" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514149" defer></script>
+    <script src="../../js/featherlight.min.js?1674514149" defer></script>
+    <script src="../../js/theme.js?1674514149" defer></script>
   </body>
 </html>
diff --git a/tests/width/index.print.html b/tests/width/index.print.html
index 119c0645e2..52a291fc84 100644
--- a/tests/width/index.print.html
+++ b/tests/width/index.print.html
@@ -9,22 +9,22 @@
     <meta name="description" content="Test dynamic width resizing of content if scrollbar is present">
     <meta name="author" content="Sören Weber">
     <title>Width :: Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1674478176" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1674514149" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/featherlight.min.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/auto-complete.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1674478178" rel="stylesheet">
-    <link href="../../css/nucleus.css?1674478178" rel="stylesheet">
-    <link href="../../css/fonts.css?1674478178" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674478178" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1674478178" rel="stylesheet">
-    <link href="../../css/theme-relearn-light.css?1674478178" rel="stylesheet" id="variant-style">
-    <link href="../../css/ie.css?1674478178" rel="stylesheet">
-    <link href="../../css/variant.css?1674478178" rel="stylesheet">
-    <link href="../../css/print.css?1674478178" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1674478178" rel="stylesheet">
-    <script src="../../js/url.js?1674478178"></script>
-    <script src="../../js/variant.js?1674478178"></script>
+    <link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/featherlight.min.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/auto-complete.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1674514150" rel="stylesheet">
+    <link href="../../css/nucleus.css?1674514150" rel="stylesheet">
+    <link href="../../css/fonts.css?1674514150" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674514150" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1674514150" rel="stylesheet">
+    <link href="../../css/theme-relearn-light.css?1674514150" rel="stylesheet" id="variant-style">
+    <link href="../../css/ie.css?1674514150" rel="stylesheet">
+    <link href="../../css/variant.css?1674514150" rel="stylesheet">
+    <link href="../../css/print.css?1674514150" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1674514150" rel="stylesheet">
+    <script src="../../js/url.js?1674514150"></script>
+    <script src="../../js/variant.js?1674514150"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="../../js/jquery.min.js?1674478178" defer></script>
+    <script src="../../js/jquery.min.js?1674514150" defer></script>
     <style>
       #body img.bg-white {
         background-color: white;
@@ -95,9 +95,9 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1674478178" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1674478178" defer></script>
-    <script src="../../js/featherlight.min.js?1674478178" defer></script>
-    <script src="../../js/theme.js?1674478178" defer></script>
+    <script src="../../js/clipboard.min.js?1674514150" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1674514150" defer></script>
+    <script src="../../js/featherlight.min.js?1674514150" defer></script>
+    <script src="../../js/theme.js?1674514150" defer></script>
   </body>
 </html>