diff --git a/404.html b/404.html
index 179d6f94eb..2d09a8da26 100644
--- a/404.html
+++ b/404.html
@@ -9,25 +9,25 @@
     <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="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,9 +41,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/_print/basics/changelog/index.html b/_print/basics/changelog/index.html
index cba084e1f7..fbbea1ac59 100644
--- a/_print/basics/changelog/index.html
+++ b/_print/basics/changelog/index.html
@@ -9,25 +9,26 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Hugo Relearn Theme</title>
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,9 +42,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/changelog/">
     <div id="body" class="default-animation">
@@ -400,7 +401,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1></h1>
 
@@ -1066,12 +1067,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1147,7 +1148,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -1159,7 +1160,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -1184,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/images/home_button_defaults.png b/_print/basics/configuration/home_button_defaults.png
similarity index 100%
rename from basics/configuration/images/home_button_defaults.png
rename to _print/basics/configuration/home_button_defaults.png
diff --git a/basics/installation/images/chapter.png b/_print/basics/installation/chapter.png
similarity index 100%
rename from basics/installation/images/chapter.png
rename to _print/basics/installation/chapter.png
diff --git a/basics/requirements/images/magic.gif b/_print/basics/requirements/magic.gif
similarity index 100%
rename from basics/requirements/images/magic.gif
rename to _print/basics/requirements/magic.gif
diff --git a/cont/archetypes/images/pages-chapter.png b/_print/cont/archetypes/pages-chapter.png
similarity index 100%
rename from cont/archetypes/images/pages-chapter.png
rename to _print/cont/archetypes/pages-chapter.png
diff --git a/cont/archetypes/images/pages-default.png b/_print/cont/archetypes/pages-default.png
similarity index 100%
rename from cont/archetypes/images/pages-default.png
rename to _print/cont/archetypes/pages-default.png
diff --git a/cont/archetypes/images/pages-home.png b/_print/cont/archetypes/pages-home.png
similarity index 100%
rename from cont/archetypes/images/pages-home.png
rename to _print/cont/archetypes/pages-home.png
diff --git a/cont/i18n/images/i18n-menu.gif b/_print/cont/i18n/i18n-menu.gif
similarity index 100%
rename from cont/i18n/images/i18n-menu.gif
rename to _print/cont/i18n/i18n-menu.gif
diff --git a/_print/cont/icons/index.html b/_print/cont/icons/index.html
index 757d63bbb1..6003a531e1 100644
--- a/_print/cont/icons/index.html
+++ b/_print/cont/icons/index.html
@@ -10,25 +10,26 @@
     <title>Icons and logos :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/icons/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/icons/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/icons/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/cont/tags/" title="Tags (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/menushortcuts/" title="Menu extra shortcuts (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -97,7 +98,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Icons and logos</h1>
 
@@ -200,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,7 +282,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -293,7 +294,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -318,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/cont/markdown/index.html b/_print/cont/markdown/index.html
index 6b8894e91e..7046cbf206 100644
--- a/_print/cont/markdown/index.html
+++ b/_print/cont/markdown/index.html
@@ -10,25 +10,26 @@
     <title>Markdown syntax :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/markdown/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/markdown/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/cont/syntaxhighlight/" title="Code highlighting (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/cont/archetypes/" title="Archetypes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/cont/markdown/">
@@ -147,7 +148,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Markdown syntax</h1>
 
@@ -723,12 +724,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -804,7 +805,7 @@ line 3 of code
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -816,7 +817,7 @@ line 3 of code
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -841,13 +842,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/cont/menushortcuts/index.html b/_print/cont/menushortcuts/index.html
index 4562e6500f..c7efa86df5 100644
--- a/_print/cont/menushortcuts/index.html
+++ b/_print/cont/menushortcuts/index.html
@@ -10,25 +10,26 @@
     <title>Menu extra shortcuts :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/menushortcuts/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/menushortcuts/">
     <div id="body" class="default-animation">
@@ -96,7 +97,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Menu extra shortcuts</h1>
 
@@ -287,12 +288,12 @@ However, if you want to keep the title but change its value, it can be overriden
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -368,7 +369,7 @@ However, if you want to keep the title but change its value, it can be overriden
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -380,7 +381,7 @@ However, if you want to keep the title but change its value, it can be overriden
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -405,13 +406,13 @@ However, if you want to keep the title but change its value, it can be overriden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/cont/pages/images/frontmatter-icon.png b/_print/cont/pages/frontmatter-icon.png
similarity index 100%
rename from cont/pages/images/frontmatter-icon.png
rename to _print/cont/pages/frontmatter-icon.png
diff --git a/_print/cont/syntaxhighlight/index.html b/_print/cont/syntaxhighlight/index.html
index b29672f924..3905cde8ef 100644
--- a/_print/cont/syntaxhighlight/index.html
+++ b/_print/cont/syntaxhighlight/index.html
@@ -10,25 +10,26 @@
     <title>Code highlighting :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/syntaxhighlight/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/syntaxhighlight/">
     <div id="body" class="default-animation">
@@ -97,7 +98,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Code highlighting</h1>
 
@@ -225,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,7 +307,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -318,7 +319,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -343,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/cont/tags/index.html b/_print/cont/tags/index.html
index 178c3cb7e0..2fc2318860 100644
--- a/_print/cont/tags/index.html
+++ b/_print/cont/tags/index.html
@@ -10,25 +10,26 @@
     <title>Tags :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/tags/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/tags/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/tags/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/cont/icons/" title="Icons and logos (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/cont/tags/">
@@ -101,7 +102,7 @@
   <a class="tag-link" href="/tags/tutorial">tutorial</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Tags</h1>
 
@@ -201,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -294,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -319,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/index.html b/_print/index.html
index 29b55b8a04..e97c4862e4 100644
--- a/_print/index.html
+++ b/_print/index.html
@@ -10,25 +10,26 @@
     <title>Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/">
     <div id="body" class="default-animation">
@@ -97,7 +98,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="home">
 <h1>Hugo Relearn Theme</h1>
 
@@ -158,8 +159,8 @@
             </footer>
           </article>
 
-            <section>
-    
+              <section>
+		
           <article class="chapter">
 <div class="article-subheading">Chapter 1</div>
 <h1>Basics</h1>
@@ -171,7 +172,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>What&#39;s new</h1>
 
@@ -526,19 +527,19 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>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/">Hugo binary</a> for your OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
-<p><img src="/hugo-theme-relearn/basics/requirements/images/magic.gif?classes=shadow" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/basics/requirements/magic.gif?classes=shadow" alt="Magic"></p>
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Installation</h1>
 
@@ -566,7 +567,7 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.
 </span></span></code></pre></div><p>renders as</p>
-<p><img src="/hugo-theme-relearn/basics/installation/images/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
+<p><img src="/hugo-theme-relearn/basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md
 </span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
@@ -602,7 +603,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Configuration</h1>
 
@@ -736,13 +737,13 @@ appearance, you will have to configure two parameters for the defined languages:
 default values:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><img src="/hugo-theme-relearn/basics/configuration/images/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
+<p><img src="/hugo-theme-relearn/basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Customization</h1>
 
@@ -750,8 +751,10 @@ default values:</p>
 <p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don&rsquo;t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/">follow this page</a>. You&rsquo;d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
 <p>This theme defines the following partials :</p>
 <ul>
-<li><code>header.html</code>: the header of the page. <em>Not meant to be overwritten</em></li>
-<li><code>footer.html</code>: the footer of the page.<em>Not meant to be overwritten</em></li>
+<li><code>header.html</code>: the header of the page. See <a href="#output-formats">output-formats</a></li>
+<li><code>footer.html</code>: the footer of the page. See <a href="#output-formats">output-formats</a></li>
+<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="#output-formats">output-formats</a></li>
+<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="#output-formats">output-formats</a></li>
 <li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
 <li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
 <li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don&rsquo;t forget to include <code>style</code> HTML tag directive in your file.</li>
@@ -805,12 +808,14 @@ You could use an <code>img</code> HTML tag and reference an image created under
 </div>
 <h3 id="roll-your-own">Roll your own</h3>
 <p>If you are not happy with the shipped variants you can either copy one of the shipped files, edit them in a text editor and configure the <code>themeVariant</code> parameter in your <code>config.toml</code> or just use the <a href="/hugo-theme-relearn/basics/generator/">interactive variant generator</a>.</p>
+<h3 id="output-formats">Output formats</h3>
+<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Stylesheet generator</h1>
 
@@ -859,14 +864,14 @@ You could use an <code>img</code> HTML tag and reference an image created under
   </a>
 </span></p>
 <script>
-variants.generator( '#vargenerator', '.secondary a', '.warning a' );
+window.variants && variants.generator( '#vargenerator', '.secondary a', '.warning a' );
 </script>
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>History</h1>
 
@@ -1461,7 +1466,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
           </article>
 
           </section>
-    
+		
           <article class="chapter">
 <div class="article-subheading">Chapter 2</div>
 <h1>Content</h1>
@@ -1473,7 +1478,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Pages organization</h1>
 
@@ -1549,7 +1554,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div><p><img src="/hugo-theme-relearn/cont/pages/images/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon"></p>
+</span></span></code></pre></div><p><img src="/hugo-theme-relearn/cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon"></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -1583,7 +1588,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Archetypes</h1>
 
@@ -1592,7 +1597,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
+<p><img src="/hugo-theme-relearn/cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
 <p>To create a home page, run the following command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md
 </span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -1604,7 +1609,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.
 </span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
+<p><img src="/hugo-theme-relearn/cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
 <p>To create a chapter page, run the following command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md
 </span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -1618,7 +1623,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
+<p><img src="/hugo-theme-relearn/cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md
 </span></span></code></pre></div><p>or</p>
@@ -1643,7 +1648,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span></code></pre></div><h3 id="partials">Partials</h3>
 <p>To define how your archetypes are rendered, define corresponding partial files in your projects directory <code>layouts/partials/archetypes/&lt;kind&gt;</code>.</p>
 <p>If you use an unknown archetype in your frontmatter, the <code>default</code> archetype will be used to generate the page.</p>
-<p>Related to each archetype, several <em>hook</em> partial files can be given. If a partial for a specific hook is missing, no output is generated for this hook.</p>
+<p>Related to each archetype, several <em>hook</em> partial files in the form of <code>&lt;hook&gt;.html</code> can be given inside each archetype directory. If a partial for a specific hook is missing, no output is generated for this hook.</p>
 <p>The following hooks are used:</p>
 <table>
 <thead>
@@ -1664,12 +1669,14 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </tbody>
 </table>
 <p>Take a look at the existing archetypes of this theme to get an idea how to utilize it.</p>
+<h4 id="output-formats">Output formats</h4>
+<p>Each hook file can be overridden of a specific <a href="https://gohugo.io/templates/output-formats/">output format</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> to change the way how normal content is written for that output format.</p>
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Markdown syntax</h1>
 
@@ -2171,7 +2178,7 @@ line 3 of code
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Code highlighting</h1>
 
@@ -2225,7 +2232,7 @@ line 3 of code
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Menu extra shortcuts</h1>
 
@@ -2342,7 +2349,7 @@ However, if you want to keep the title but change its value, it can be overriden
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Icons and logos</h1>
 
@@ -2371,7 +2378,7 @@ However, if you want to keep the title but change its value, it can be overriden
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Multilingual and i18n</h1>
 
@@ -2382,7 +2389,7 @@ However, if you want to keep the title but change its value, it can be overriden
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><img src="/hugo-theme-relearn/cont/i18n/images/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
+<p><img src="/hugo-theme-relearn/cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -2469,7 +2476,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Tags</h1>
 
@@ -2496,7 +2503,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
           </article>
 
           </section>
-    
+		
           <article class="chapter">
 <div class="article-subheading">Chapter 3</div>
 <h1>Shortcodes</h1>
@@ -2558,7 +2565,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Attachments</h1>
 
@@ -2725,7 +2732,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Button</h1>
 
@@ -2966,7 +2973,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Children</h1>
 
@@ -3162,7 +3169,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page X</h1>
 
@@ -3172,7 +3179,7 @@ So its content is used as description.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>page 1</h1>
 
@@ -3188,7 +3195,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1</h1>
 
@@ -3206,7 +3213,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-2</h1>
 
@@ -3223,7 +3230,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-2-1</h1>
 
@@ -3233,7 +3240,7 @@ So its content is used as description.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>page 1-1-2-2</h1>
 
@@ -3244,7 +3251,7 @@ So its content is used as description.</p>
           </article>
 
           </section>
-    
+		
           <article class="default">
 <h1>page 1-1-3</h1>
 
@@ -3256,7 +3263,7 @@ So its content is used as description.</p>
 
           </section>
           </section>
-    
+		
           <article class="default">
 <h1>page 2</h1>
 
@@ -3267,7 +3274,7 @@ So its content is used as description.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>page 3</h1>
 
@@ -3283,7 +3290,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 3-1</h1>
 
@@ -3295,7 +3302,7 @@ So its content is used as description.</p>
 
           </section>
           </section>
-    
+		
           <article class="default">
 <h1>Expand</h1>
 
@@ -3456,7 +3463,7 @@ No need to press you!
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Include</h1>
 
@@ -3549,7 +3556,7 @@ No need to press you!
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Math</h1>
 
@@ -3702,7 +3709,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Mermaid</h1>
 
@@ -3976,7 +3983,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Notice</h1>
 
@@ -4274,7 +4281,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Site param</h1>
 
@@ -4349,7 +4356,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Swagger</h1>
 
@@ -4444,7 +4451,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Tabbed views</h1>
 
@@ -4669,7 +4676,7 @@ classDiagram
           </article>
 
           </section>
-            </section>
+              </section>
         </div>
       </main>
     </div>
@@ -4744,12 +4751,12 @@ classDiagram
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -4825,7 +4832,7 @@ classDiagram
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -4837,7 +4844,7 @@ classDiagram
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -4862,13 +4869,13 @@ classDiagram
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
     <script>
       function useMathJax( config ){
         window.MathJax = Object.assign({
@@ -4893,14 +4900,14 @@ classDiagram
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="/hugo-theme-relearn/js/mathjax/tex-mml-chtml.js?1657234283"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657234283" defer></script>
+    <script id="MathJax-script" async src="/hugo-theme-relearn/js/mathjax/tex-mml-chtml.js?1657830004"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657830004" defer></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
           mermaid.initialize( Object.assign( { "securityLevel": "antiscript", "startOnLoad": false  }, config ) );
-          if( config.theme ){
+          if( config.theme && variants ){
             var write_style = variants.findLoadedStylesheet( 'variant-style' );
             write_style.setProperty( '--CONFIG-MERMAID-theme', config.theme );
           }
@@ -4908,16 +4915,16 @@ classDiagram
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1657830004" defer></script>
     <script>
       function useSwagger( config ){
-        if( config.theme ){
+        if( config.theme && variants ){
           var write_style = variants.findLoadedStylesheet( 'variant-style' );
           write_style.setProperty( '--CONFIG-SWAGGER-theme', config.theme );
         }
       }
       useSwagger( JSON.parse("{}") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/more/showcase/images/bits-train.png b/_print/more/showcase/bits-train.png
similarity index 100%
rename from more/showcase/images/bits-train.png
rename to _print/more/showcase/bits-train.png
diff --git a/more/showcase/images/gobolinux.png b/_print/more/showcase/gobolinux.png
similarity index 100%
rename from more/showcase/images/gobolinux.png
rename to _print/more/showcase/gobolinux.png
diff --git a/more/showcase/images/pamasol-electrics-portal.png b/_print/more/showcase/pamasol-electrics-portal.png
similarity index 100%
rename from more/showcase/images/pamasol-electrics-portal.png
rename to _print/more/showcase/pamasol-electrics-portal.png
diff --git a/_print/pir/basics/configuration/home_button_defaults.png b/_print/pir/basics/configuration/home_button_defaults.png
new file mode 100644
index 0000000000..ef63acbaca
Binary files /dev/null and b/_print/pir/basics/configuration/home_button_defaults.png differ
diff --git a/_print/pir/basics/installation/chapter.png b/_print/pir/basics/installation/chapter.png
new file mode 100644
index 0000000000..21ca9adc24
Binary files /dev/null and b/_print/pir/basics/installation/chapter.png differ
diff --git a/tests/images/images/magic.gif b/_print/pir/basics/requirements/magic.gif
similarity index 100%
rename from tests/images/images/magic.gif
rename to _print/pir/basics/requirements/magic.gif
diff --git a/_print/pir/cont/archetypes/pages-chapter.png b/_print/pir/cont/archetypes/pages-chapter.png
new file mode 100644
index 0000000000..dd340fa0a8
Binary files /dev/null and b/_print/pir/cont/archetypes/pages-chapter.png differ
diff --git a/_print/pir/cont/archetypes/pages-default.png b/_print/pir/cont/archetypes/pages-default.png
new file mode 100644
index 0000000000..071b43a79f
Binary files /dev/null and b/_print/pir/cont/archetypes/pages-default.png differ
diff --git a/_print/pir/cont/archetypes/pages-home.png b/_print/pir/cont/archetypes/pages-home.png
new file mode 100644
index 0000000000..8f7df2474b
Binary files /dev/null and b/_print/pir/cont/archetypes/pages-home.png differ
diff --git a/_print/pir/cont/i18n/i18n-menu.gif b/_print/pir/cont/i18n/i18n-menu.gif
new file mode 100644
index 0000000000..dd5d002a8c
Binary files /dev/null and b/_print/pir/cont/i18n/i18n-menu.gif differ
diff --git a/_print/pir/cont/pages/frontmatter-icon.png b/_print/pir/cont/pages/frontmatter-icon.png
new file mode 100644
index 0000000000..8614767a03
Binary files /dev/null and b/_print/pir/cont/pages/frontmatter-icon.png differ
diff --git a/_print/pir/more/showcase/bits-train.png b/_print/pir/more/showcase/bits-train.png
new file mode 100644
index 0000000000..870c072091
Binary files /dev/null and b/_print/pir/more/showcase/bits-train.png differ
diff --git a/_print/pir/more/showcase/gobolinux.png b/_print/pir/more/showcase/gobolinux.png
new file mode 100644
index 0000000000..35d04fd8a6
Binary files /dev/null and b/_print/pir/more/showcase/gobolinux.png differ
diff --git a/_print/pir/more/showcase/pamasol-electrics-portal.png b/_print/pir/more/showcase/pamasol-electrics-portal.png
new file mode 100644
index 0000000000..3dd311e7c1
Binary files /dev/null and b/_print/pir/more/showcase/pamasol-electrics-portal.png differ
diff --git a/_print/pir/tests/images/magic.gif b/_print/pir/tests/images/magic.gif
new file mode 100644
index 0000000000..235c4edb32
Binary files /dev/null and b/_print/pir/tests/images/magic.gif differ
diff --git a/_print/shortcodes/attachments/index.html b/_print/shortcodes/attachments/index.html
index 23226f8024..addba60ef7 100644
--- a/_print/shortcodes/attachments/index.html
+++ b/_print/shortcodes/attachments/index.html
@@ -10,25 +10,26 @@
     <title>Attachments :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/attachments/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/attachments/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/button/" title="Button (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/swagger/" title="Swagger (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/shortcodes/attachments/">
@@ -106,7 +107,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Attachments</h1>
 
@@ -347,12 +348,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -428,7 +429,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -440,7 +441,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -465,13 +466,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/shortcodes/button/index.html b/_print/shortcodes/button/index.html
index eba2b7b759..2b0be2d398 100644
--- a/_print/shortcodes/button/index.html
+++ b/_print/shortcodes/button/index.html
@@ -10,25 +10,26 @@
     <title>Button :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/button/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/button/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/" title="Children (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/expand/" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -106,7 +107,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Button</h1>
 
@@ -421,12 +422,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -502,7 +503,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -514,7 +515,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -539,13 +540,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/shortcodes/children/children-3/test3/index.html b/_print/shortcodes/children/children-3/test3/index.html
index 6ea1e4e964..0fb85bf66f 100644
--- a/_print/shortcodes/children/children-3/test3/index.html
+++ b/_print/shortcodes/children/children-3/test3/index.html
@@ -10,25 +10,26 @@
     <title>page 3-1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-3/test3/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/expand/" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-3/" title="page 3 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -91,7 +92,7 @@
   <a class="tag-link" href="/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 3-1</h1>
 
@@ -175,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -256,7 +257,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -268,7 +269,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -293,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/shortcodes/children/test/index.html b/_print/shortcodes/children/test/index.html
index 094b5d0027..d443e2ea15 100644
--- a/_print/shortcodes/children/test/index.html
+++ b/_print/shortcodes/children/test/index.html
@@ -11,25 +11,26 @@
     <title>page X :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/test/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,9 +44,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/test/">
     <div id="body" class="default-animation">
@@ -54,10 +55,10 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/" title="page 1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/swagger/" title="Swagger (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/" title="Children (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/shortcodes/children/test/">
@@ -87,7 +88,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>page X</h1>
 
@@ -171,12 +172,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -252,7 +253,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -264,7 +265,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -289,13 +290,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/shortcodes/expand/index.html b/_print/shortcodes/expand/index.html
index b7918d955e..918f27734a 100644
--- a/_print/shortcodes/expand/index.html
+++ b/_print/shortcodes/expand/index.html
@@ -10,25 +10,26 @@
     <title>Expand :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/expand/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/expand/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/include/" title="Include (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/button/" title="Button (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/shortcodes/expand/">
@@ -106,7 +107,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Expand</h1>
 
@@ -341,12 +342,12 @@ No need to press you!
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -422,7 +423,7 @@ No need to press you!
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -434,7 +435,7 @@ No need to press you!
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -459,13 +460,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/shortcodes/include/index.html b/_print/shortcodes/include/index.html
index 18e24f1186..06c4d251a8 100644
--- a/_print/shortcodes/include/index.html
+++ b/_print/shortcodes/include/index.html
@@ -10,25 +10,26 @@
     <title>Include :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/include/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/include/">
     <div id="body" class="default-animation">
@@ -104,7 +105,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Include</h1>
 
@@ -271,12 +272,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -352,7 +353,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -364,7 +365,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -389,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/shortcodes/include_me/index.html b/_print/shortcodes/include_me/index.html
index 34b8a29034..e558156c27 100644
--- a/_print/shortcodes/include_me/index.html
+++ b/_print/shortcodes/include_me/index.html
@@ -9,25 +9,26 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Hugo Relearn Theme</title>
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,9 +42,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/include_me/">
     <div id="body" class="default-animation">
@@ -55,7 +56,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/swagger/" title="Swagger (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/shortcodes/include_me/">
@@ -84,7 +85,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1></h1>
 
@@ -179,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -260,7 +261,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -272,7 +273,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -297,13 +298,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/shortcodes/math/index.html b/_print/shortcodes/math/index.html
index 6299fcfb98..a4da7bd51a 100644
--- a/_print/shortcodes/math/index.html
+++ b/_print/shortcodes/math/index.html
@@ -10,25 +10,26 @@
     <title>Math :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/math/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/math/">
     <div id="body" class="default-animation">
@@ -113,7 +114,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Math</h1>
 
@@ -340,12 +341,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -421,7 +422,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -433,7 +434,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -458,13 +459,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
     <script>
       function useMathJax( config ){
         window.MathJax = Object.assign({
@@ -489,7 +490,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="/hugo-theme-relearn/js/mathjax/tex-mml-chtml.js?1657234283"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script id="MathJax-script" async src="/hugo-theme-relearn/js/mathjax/tex-mml-chtml.js?1657830004"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/shortcodes/mermaid/index.html b/_print/shortcodes/mermaid/index.html
index 48ca6dd836..39d295954a 100644
--- a/_print/shortcodes/mermaid/index.html
+++ b/_print/shortcodes/mermaid/index.html
@@ -10,25 +10,26 @@
     <title>Mermaid :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/mermaid/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/mermaid/">
     <div id="body" class="default-animation">
@@ -114,7 +115,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Mermaid</h1>
 
@@ -462,12 +463,12 @@ classDiagram
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -543,7 +544,7 @@ classDiagram
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -555,7 +556,7 @@ classDiagram
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -580,20 +581,20 @@ classDiagram
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657830004" defer></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
           mermaid.initialize( Object.assign( { "securityLevel": "antiscript", "startOnLoad": false  }, config ) );
-          if( config.theme ){
+          if( config.theme && variants ){
             var write_style = variants.findLoadedStylesheet( 'variant-style' );
             write_style.setProperty( '--CONFIG-MERMAID-theme', config.theme );
           }
@@ -601,6 +602,6 @@ classDiagram
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/shortcodes/notice/index.html b/_print/shortcodes/notice/index.html
index e89fec0973..dd35049507 100644
--- a/_print/shortcodes/notice/index.html
+++ b/_print/shortcodes/notice/index.html
@@ -10,25 +10,26 @@
     <title>Notice :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/notice/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/notice/">
     <div id="body" class="default-animation">
@@ -107,7 +108,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Notice</h1>
 
@@ -479,12 +480,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -560,7 +561,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -572,7 +573,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -597,13 +598,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/shortcodes/siteparam/index.html b/_print/shortcodes/siteparam/index.html
index fe769648e3..2a05c16a5e 100644
--- a/_print/shortcodes/siteparam/index.html
+++ b/_print/shortcodes/siteparam/index.html
@@ -10,25 +10,26 @@
     <title>Site param :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/siteparam/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/siteparam/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/swagger/" title="Swagger (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/notice/" title="Notice (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -104,7 +105,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Site param</h1>
 
@@ -253,12 +254,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -334,7 +335,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -346,7 +347,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -371,13 +372,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/shortcodes/tabs/index.html b/_print/shortcodes/tabs/index.html
index a630012a51..ff5c73e139 100644
--- a/_print/shortcodes/tabs/index.html
+++ b/_print/shortcodes/tabs/index.html
@@ -10,25 +10,26 @@
     <title>Tabbed views :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/tabs/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/tabs/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/swagger/" title="Swagger (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/siteparam/" title="Site param (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/shortcodes/tabs/">
@@ -105,7 +106,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Tabbed views</h1>
 
@@ -403,12 +404,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -484,7 +485,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -496,7 +497,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -521,13 +522,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/1/index.html b/_print/tests/chapters/1/index.html
index 1670cfe93c..cc8ee0cf07 100644
--- a/_print/tests/chapters/1/index.html
+++ b/_print/tests/chapters/1/index.html
@@ -10,25 +10,26 @@
     <title>1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/1/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/1/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>1</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -286,7 +286,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -298,7 +298,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/10/index.html b/_print/tests/chapters/10/index.html
index 996df6611a..b89f0ee89e 100644
--- a/_print/tests/chapters/10/index.html
+++ b/_print/tests/chapters/10/index.html
@@ -10,25 +10,26 @@
     <title>10 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/10/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/10/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/10/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>10</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -286,7 +286,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -298,7 +298,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/11.de/index.html b/_print/tests/chapters/11.de/index.html
index 52b9e161e6..7869c9cbcb 100644
--- a/_print/tests/chapters/11.de/index.html
+++ b/_print/tests/chapters/11.de/index.html
@@ -10,25 +10,26 @@
     <title>11 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/11.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/11.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/11.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>11</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/12.de/index.html b/_print/tests/chapters/12.de/index.html
index 2372bc48c6..3db5d8ea30 100644
--- a/_print/tests/chapters/12.de/index.html
+++ b/_print/tests/chapters/12.de/index.html
@@ -10,25 +10,26 @@
     <title>12 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/12.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/12.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/12.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>12</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/13.de/index.html b/_print/tests/chapters/13.de/index.html
index 14efb26726..8d0bd1b01a 100644
--- a/_print/tests/chapters/13.de/index.html
+++ b/_print/tests/chapters/13.de/index.html
@@ -10,25 +10,26 @@
     <title>13 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/13.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/13.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/13.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>13</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/14.de/index.html b/_print/tests/chapters/14.de/index.html
index 6ac35012a5..dff1699727 100644
--- a/_print/tests/chapters/14.de/index.html
+++ b/_print/tests/chapters/14.de/index.html
@@ -10,25 +10,26 @@
     <title>14 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/14.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/14.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/14.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>14</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/15.de/index.html b/_print/tests/chapters/15.de/index.html
index 57240dd147..4dcfab4cc2 100644
--- a/_print/tests/chapters/15.de/index.html
+++ b/_print/tests/chapters/15.de/index.html
@@ -10,25 +10,26 @@
     <title>15 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/15.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/15.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/15.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>15</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/16.de/index.html b/_print/tests/chapters/16.de/index.html
index 7d97ec230a..c4dd92d38a 100644
--- a/_print/tests/chapters/16.de/index.html
+++ b/_print/tests/chapters/16.de/index.html
@@ -10,25 +10,26 @@
     <title>16 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/16.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/16.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/16.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>16</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/17.de/index.html b/_print/tests/chapters/17.de/index.html
index f720b97ea3..5f04ad7653 100644
--- a/_print/tests/chapters/17.de/index.html
+++ b/_print/tests/chapters/17.de/index.html
@@ -10,25 +10,26 @@
     <title>17 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/17.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/17.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/17.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>17</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/18.de/index.html b/_print/tests/chapters/18.de/index.html
index 2dd50817bb..99d7d78ddb 100644
--- a/_print/tests/chapters/18.de/index.html
+++ b/_print/tests/chapters/18.de/index.html
@@ -10,25 +10,26 @@
     <title>18 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/18.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/18.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/18.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>18</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/19.de/index.html b/_print/tests/chapters/19.de/index.html
index 029016f4bb..72f78927a3 100644
--- a/_print/tests/chapters/19.de/index.html
+++ b/_print/tests/chapters/19.de/index.html
@@ -10,25 +10,26 @@
     <title>19 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/19.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/19.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/19.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>19</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/2/index.html b/_print/tests/chapters/2/index.html
index d4c9dbbe04..f9355d7bb9 100644
--- a/_print/tests/chapters/2/index.html
+++ b/_print/tests/chapters/2/index.html
@@ -10,25 +10,26 @@
     <title>2 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/2/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/2/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/2/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>2</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -286,7 +286,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -298,7 +298,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/20.de/index.html b/_print/tests/chapters/20.de/index.html
index 86ffeace78..8cd67bfc5e 100644
--- a/_print/tests/chapters/20.de/index.html
+++ b/_print/tests/chapters/20.de/index.html
@@ -10,25 +10,26 @@
     <title>20 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/20.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/20.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/20.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>20</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/21.de/index.html b/_print/tests/chapters/21.de/index.html
index 71561a2413..7ae73781da 100644
--- a/_print/tests/chapters/21.de/index.html
+++ b/_print/tests/chapters/21.de/index.html
@@ -10,25 +10,26 @@
     <title>21 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/21.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/21.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/21.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>21</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/22.de/index.html b/_print/tests/chapters/22.de/index.html
index 38b0c27a73..040a295ee1 100644
--- a/_print/tests/chapters/22.de/index.html
+++ b/_print/tests/chapters/22.de/index.html
@@ -10,25 +10,26 @@
     <title>22 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/22.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/22.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/22.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>22</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/23.de/index.html b/_print/tests/chapters/23.de/index.html
index bd3a1767df..447fa2ced2 100644
--- a/_print/tests/chapters/23.de/index.html
+++ b/_print/tests/chapters/23.de/index.html
@@ -10,25 +10,26 @@
     <title>23 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/23.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/23.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/23.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>23</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/24.de/index.html b/_print/tests/chapters/24.de/index.html
index 65f25b8a8d..5b84fe00a2 100644
--- a/_print/tests/chapters/24.de/index.html
+++ b/_print/tests/chapters/24.de/index.html
@@ -10,25 +10,26 @@
     <title>24 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/24.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/24.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/24.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>24</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/25.de/index.html b/_print/tests/chapters/25.de/index.html
index 00a6c5edee..05e1aedfa5 100644
--- a/_print/tests/chapters/25.de/index.html
+++ b/_print/tests/chapters/25.de/index.html
@@ -10,25 +10,26 @@
     <title>25 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/25.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/25.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/25.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>25</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/26.de/index.html b/_print/tests/chapters/26.de/index.html
index 3ed9b5a8ec..2126c9deba 100644
--- a/_print/tests/chapters/26.de/index.html
+++ b/_print/tests/chapters/26.de/index.html
@@ -10,25 +10,26 @@
     <title>26 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/26.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/26.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/26.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>26</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/27.de/index.html b/_print/tests/chapters/27.de/index.html
index a8910c7467..72a21a5902 100644
--- a/_print/tests/chapters/27.de/index.html
+++ b/_print/tests/chapters/27.de/index.html
@@ -10,25 +10,26 @@
     <title>27 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/27.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/27.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/27.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>27</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/28.de/index.html b/_print/tests/chapters/28.de/index.html
index 3e09bb5232..9ecca10e0f 100644
--- a/_print/tests/chapters/28.de/index.html
+++ b/_print/tests/chapters/28.de/index.html
@@ -10,25 +10,26 @@
     <title>28 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/28.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/28.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/28.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>28</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/29.de/index.html b/_print/tests/chapters/29.de/index.html
index 7595b43fd3..b70b3511e2 100644
--- a/_print/tests/chapters/29.de/index.html
+++ b/_print/tests/chapters/29.de/index.html
@@ -10,25 +10,26 @@
     <title>29 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/29.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/29.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/29.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>29</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/3/index.html b/_print/tests/chapters/3/index.html
index ec11b522a6..e84f03baaf 100644
--- a/_print/tests/chapters/3/index.html
+++ b/_print/tests/chapters/3/index.html
@@ -10,25 +10,26 @@
     <title>3 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/3/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/3/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/3/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>3</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -286,7 +286,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -298,7 +298,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/30.de/index.html b/_print/tests/chapters/30.de/index.html
index 92a6b728c0..865a5c3bdd 100644
--- a/_print/tests/chapters/30.de/index.html
+++ b/_print/tests/chapters/30.de/index.html
@@ -10,25 +10,26 @@
     <title>30 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/30.de/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/30.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/30.de/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>30</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/4/index.html b/_print/tests/chapters/4/index.html
index 2fb1735357..911b7eea08 100644
--- a/_print/tests/chapters/4/index.html
+++ b/_print/tests/chapters/4/index.html
@@ -10,25 +10,26 @@
     <title>4 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/4/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/4/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/4/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>4</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -286,7 +286,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -298,7 +298,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/5/index.html b/_print/tests/chapters/5/index.html
index 03ade75f62..638552ec40 100644
--- a/_print/tests/chapters/5/index.html
+++ b/_print/tests/chapters/5/index.html
@@ -10,25 +10,26 @@
     <title>5 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/5/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/5/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/5/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>5</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -286,7 +286,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -298,7 +298,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/6/index.html b/_print/tests/chapters/6/index.html
index 91e7e8b980..a03763080f 100644
--- a/_print/tests/chapters/6/index.html
+++ b/_print/tests/chapters/6/index.html
@@ -10,25 +10,26 @@
     <title>6 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/6/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/6/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/6/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>6</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -286,7 +286,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -298,7 +298,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/7/index.html b/_print/tests/chapters/7/index.html
index 2fe2013655..787bb9d3db 100644
--- a/_print/tests/chapters/7/index.html
+++ b/_print/tests/chapters/7/index.html
@@ -10,25 +10,26 @@
     <title>7 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/7/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/7/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/7/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>7</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -286,7 +286,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -298,7 +298,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/8/index.html b/_print/tests/chapters/8/index.html
index 0ce9ef50d1..d01296e8da 100644
--- a/_print/tests/chapters/8/index.html
+++ b/_print/tests/chapters/8/index.html
@@ -10,25 +10,26 @@
     <title>8 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/8/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/8/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/8/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>8</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -286,7 +286,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -298,7 +298,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/chapters/9/index.html b/_print/tests/chapters/9/index.html
index fac831dde8..aad34ba4be 100644
--- a/_print/tests/chapters/9/index.html
+++ b/_print/tests/chapters/9/index.html
@@ -10,25 +10,26 @@
     <title>9 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/9/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/9/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/9/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>9</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item active"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -286,7 +286,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -298,7 +298,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/_print/tests/images/magic.gif b/_print/tests/images/magic.gif
new file mode 100644
index 0000000000..235c4edb32
Binary files /dev/null and b/_print/tests/images/magic.gif differ
diff --git a/_print/tests/width/index.html b/_print/tests/width/index.html
index 35d5178a6c..db36dbd234 100644
--- a/_print/tests/width/index.html
+++ b/_print/tests/width/index.html
@@ -10,25 +10,26 @@
     <title>Width :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/width/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/width/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/width/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/tests/links/" title="Links (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/tests/images/" title="Images (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/tests/width/">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Width</h1>
 
@@ -182,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -264,7 +265,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item active"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -299,7 +299,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -311,7 +311,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/basics/_print/index.html b/basics/_print/index.html
index 94e776312d..39c66af0ab 100644
--- a/basics/_print/index.html
+++ b/basics/_print/index.html
@@ -10,25 +10,26 @@
     <title>Basics :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/">
     <div id="body" class="default-animation">
@@ -84,7 +85,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="chapter">
 <div class="article-subheading">Chapter 1</div>
 <h1>Basics</h1>
@@ -96,7 +97,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>What&#39;s new</h1>
 
@@ -451,19 +452,19 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>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/">Hugo binary</a> for your OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
-<p><img src="/hugo-theme-relearn/basics/requirements/images/magic.gif?classes=shadow" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/basics/requirements/magic.gif?classes=shadow" alt="Magic"></p>
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Installation</h1>
 
@@ -491,7 +492,7 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.
 </span></span></code></pre></div><p>renders as</p>
-<p><img src="/hugo-theme-relearn/basics/installation/images/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
+<p><img src="/hugo-theme-relearn/basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md
 </span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
@@ -527,7 +528,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Configuration</h1>
 
@@ -661,13 +662,13 @@ appearance, you will have to configure two parameters for the defined languages:
 default values:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><img src="/hugo-theme-relearn/basics/configuration/images/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
+<p><img src="/hugo-theme-relearn/basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Customization</h1>
 
@@ -675,8 +676,10 @@ default values:</p>
 <p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don&rsquo;t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/">follow this page</a>. You&rsquo;d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
 <p>This theme defines the following partials :</p>
 <ul>
-<li><code>header.html</code>: the header of the page. <em>Not meant to be overwritten</em></li>
-<li><code>footer.html</code>: the footer of the page.<em>Not meant to be overwritten</em></li>
+<li><code>header.html</code>: the header of the page. See <a href="#output-formats">output-formats</a></li>
+<li><code>footer.html</code>: the footer of the page. See <a href="#output-formats">output-formats</a></li>
+<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="#output-formats">output-formats</a></li>
+<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="#output-formats">output-formats</a></li>
 <li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
 <li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
 <li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don&rsquo;t forget to include <code>style</code> HTML tag directive in your file.</li>
@@ -730,12 +733,14 @@ You could use an <code>img</code> HTML tag and reference an image created under
 </div>
 <h3 id="roll-your-own">Roll your own</h3>
 <p>If you are not happy with the shipped variants you can either copy one of the shipped files, edit them in a text editor and configure the <code>themeVariant</code> parameter in your <code>config.toml</code> or just use the <a href="/hugo-theme-relearn/basics/generator/">interactive variant generator</a>.</p>
+<h3 id="output-formats">Output formats</h3>
+<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Stylesheet generator</h1>
 
@@ -784,14 +789,14 @@ You could use an <code>img</code> HTML tag and reference an image created under
   </a>
 </span></p>
 <script>
-variants.generator( '#vargenerator', '.secondary a', '.warning a' );
+window.variants && variants.generator( '#vargenerator', '.secondary a', '.warning a' );
 </script>
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>History</h1>
 
@@ -1460,12 +1465,12 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1541,7 +1546,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -1553,7 +1558,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -1578,20 +1583,20 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657830004" defer></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
           mermaid.initialize( Object.assign( { "securityLevel": "antiscript", "startOnLoad": false  }, config ) );
-          if( config.theme ){
+          if( config.theme && variants ){
             var write_style = variants.findLoadedStylesheet( 'variant-style' );
             write_style.setProperty( '--CONFIG-MERMAID-theme', config.theme );
           }
@@ -1599,6 +1604,6 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index 7206a9825a..ca0c827e60 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -9,25 +9,25 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Hugo Relearn Theme</title>
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234281" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234281" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234281" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234281"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/basics/changelog/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/basics/changelog/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -1065,12 +1065,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234281" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1146,7 +1146,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -1158,7 +1158,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -1183,13 +1183,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234281"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/_print/index.html b/basics/configuration/_print/index.html
index 307270defe..479fe6faeb 100644
--- a/basics/configuration/_print/index.html
+++ b/basics/configuration/_print/index.html
@@ -10,25 +10,26 @@
     <title>Configuration :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/configuration/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/configuration/">
     <div id="body" class="default-animation">
@@ -109,7 +110,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Configuration</h1>
 
@@ -243,7 +244,7 @@ appearance, you will have to configure two parameters for the defined languages:
 default values:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><img src="/hugo-theme-relearn/basics/configuration/images/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
+<p><img src="/hugo-theme-relearn/basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
 
             <footer class="footline">
             </footer>
@@ -323,12 +324,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -404,7 +405,7 @@ default values:</p>
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -416,7 +417,7 @@ default values:</p>
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -441,13 +442,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/home_button_defaults.png b/basics/configuration/home_button_defaults.png
new file mode 100644
index 0000000000..ef63acbaca
Binary files /dev/null and b/basics/configuration/home_button_defaults.png differ
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index bece308d5a..b7416977e1 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -10,25 +10,25 @@
     <title>Configuration :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/configuration/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/basics/configuration/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/basics/configuration/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -242,7 +242,7 @@ appearance, you will have to configure two parameters for the defined languages:
 default values:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><img src="images/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
+<p><img src="home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
 
             <footer class="footline">
             </footer>
@@ -322,12 +322,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -403,7 +403,7 @@ default values:</p>
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -415,7 +415,7 @@ default values:</p>
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -440,13 +440,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/basics/customization/_print/index.html b/basics/customization/_print/index.html
index b8274cb820..6c7e059c19 100644
--- a/basics/customization/_print/index.html
+++ b/basics/customization/_print/index.html
@@ -10,25 +10,26 @@
     <title>Customization :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/customization/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/customization/">
     <div id="body" class="default-animation">
@@ -91,6 +92,7 @@
         <li><a href="#single-variant">Single variant</a></li>
         <li><a href="#multiple-variants">Multiple variants</a></li>
         <li><a href="#roll-your-own">Roll your own</a></li>
+        <li><a href="#output-formats">Output formats</a></li>
       </ul>
     </li>
   </ul>
@@ -103,7 +105,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Customization</h1>
 
@@ -111,8 +113,10 @@
 <p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don&rsquo;t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/">follow this page</a>. You&rsquo;d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
 <p>This theme defines the following partials :</p>
 <ul>
-<li><code>header.html</code>: the header of the page. <em>Not meant to be overwritten</em></li>
-<li><code>footer.html</code>: the footer of the page.<em>Not meant to be overwritten</em></li>
+<li><code>header.html</code>: the header of the page. See <a href="#output-formats">output-formats</a></li>
+<li><code>footer.html</code>: the footer of the page. See <a href="#output-formats">output-formats</a></li>
+<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="#output-formats">output-formats</a></li>
+<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="#output-formats">output-formats</a></li>
 <li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
 <li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
 <li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don&rsquo;t forget to include <code>style</code> HTML tag directive in your file.</li>
@@ -166,6 +170,8 @@ You could use an <code>img</code> HTML tag and reference an image created under
 </div>
 <h3 id="roll-your-own">Roll your own</h3>
 <p>If you are not happy with the shipped variants you can either copy one of the shipped files, edit them in a text editor and configure the <code>themeVariant</code> parameter in your <code>config.toml</code> or just use the <a href="/hugo-theme-relearn/basics/generator/">interactive variant generator</a>.</p>
+<h3 id="output-formats">Output formats</h3>
+<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
 
             <footer class="footline">
             </footer>
@@ -245,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="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -326,7 +332,7 @@ You could use an <code>img</code> HTML tag and reference an image created under
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -338,7 +344,7 @@ You could use an <code>img</code> HTML tag and reference an image created under
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -363,13 +369,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index 88a2553127..14fa60eaf1 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -10,25 +10,25 @@
     <title>Customization :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/customization/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/basics/customization/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/basics/customization/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -91,6 +91,7 @@
         <li><a href="#single-variant">Single variant</a></li>
         <li><a href="#multiple-variants">Multiple variants</a></li>
         <li><a href="#roll-your-own">Roll your own</a></li>
+        <li><a href="#output-formats">Output formats</a></li>
       </ul>
     </li>
   </ul>
@@ -110,8 +111,10 @@
 <p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don&rsquo;t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/">follow this page</a>. You&rsquo;d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
 <p>This theme defines the following partials :</p>
 <ul>
-<li><code>header.html</code>: the header of the page. <em>Not meant to be overwritten</em></li>
-<li><code>footer.html</code>: the footer of the page.<em>Not meant to be overwritten</em></li>
+<li><code>header.html</code>: the header of the page. See <a href="#output-formats">output-formats</a></li>
+<li><code>footer.html</code>: the footer of the page. See <a href="#output-formats">output-formats</a></li>
+<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="#output-formats">output-formats</a></li>
+<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="#output-formats">output-formats</a></li>
 <li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
 <li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
 <li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don&rsquo;t forget to include <code>style</code> HTML tag directive in your file.</li>
@@ -165,6 +168,8 @@ You could use an <code>img</code> HTML tag and reference an image created under
 </div>
 <h3 id="roll-your-own">Roll your own</h3>
 <p>If you are not happy with the shipped variants you can either copy one of the shipped files, edit them in a text editor and configure the <code>themeVariant</code> parameter in your <code>config.toml</code> or just use the <a href="/hugo-theme-relearn/basics/generator/">interactive variant generator</a>.</p>
+<h3 id="output-formats">Output formats</h3>
+<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
 
             <footer class="footline">
             </footer>
@@ -244,12 +249,12 @@ You could use an <code>img</code> HTML tag and reference an image created under
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -325,7 +330,7 @@ You could use an <code>img</code> HTML tag and reference an image created under
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -337,7 +342,7 @@ You could use an <code>img</code> HTML tag and reference an image created under
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -362,13 +367,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/basics/generator/_print/index.html b/basics/generator/_print/index.html
index 776bbc4acb..f821f38883 100644
--- a/basics/generator/_print/index.html
+++ b/basics/generator/_print/index.html
@@ -10,25 +10,26 @@
     <title>Stylesheet generator :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/generator/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/generator/">
     <div id="body" class="default-animation">
@@ -95,7 +96,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Stylesheet generator</h1>
 
@@ -144,7 +145,7 @@
   </a>
 </span></p>
 <script>
-variants.generator( '#vargenerator', '.secondary a', '.warning a' );
+window.variants && variants.generator( '#vargenerator', '.secondary a', '.warning a' );
 </script>
 
             <footer class="footline">
@@ -225,12 +226,12 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,7 +307,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -318,7 +319,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -343,20 +344,20 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657830004" defer></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
           mermaid.initialize( Object.assign( { "securityLevel": "antiscript", "startOnLoad": false  }, config ) );
-          if( config.theme ){
+          if( config.theme && variants ){
             var write_style = variants.findLoadedStylesheet( 'variant-style' );
             write_style.setProperty( '--CONFIG-MERMAID-theme', config.theme );
           }
@@ -364,6 +365,6 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index 8e7b40b1bc..62b00aaf7a 100644
--- a/basics/generator/index.html
+++ b/basics/generator/index.html
@@ -10,25 +10,25 @@
     <title>Stylesheet generator :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/generator/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/basics/generator/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/basics/generator/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -143,7 +143,7 @@
   </a>
 </span></p>
 <script>
-variants.generator( '#vargenerator', '.secondary a', '.warning a' );
+window.variants && variants.generator( '#vargenerator', '.secondary a', '.warning a' );
 </script>
 
             <footer class="footline">
@@ -224,12 +224,12 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -305,7 +305,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -317,7 +317,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -342,20 +342,20 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657830003" defer></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
           mermaid.initialize( Object.assign( { "securityLevel": "antiscript", "startOnLoad": false  }, config ) );
-          if( config.theme ){
+          if( config.theme && variants ){
             var write_style = variants.findLoadedStylesheet( 'variant-style' );
             write_style.setProperty( '--CONFIG-MERMAID-theme', config.theme );
           }
@@ -363,6 +363,6 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/basics/history/_print/index.html b/basics/history/_print/index.html
index 9fe8deafe6..72cc207431 100644
--- a/basics/history/_print/index.html
+++ b/basics/history/_print/index.html
@@ -10,25 +10,26 @@
     <title>History :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/history/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/history/">
     <div id="body" class="default-animation">
@@ -401,7 +402,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>History</h1>
 
@@ -1069,12 +1070,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1150,7 +1151,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -1162,7 +1163,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -1187,13 +1188,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 1d1337b0e2..1cd50f357b 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -10,25 +10,25 @@
     <title>History :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/history/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/basics/history/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/basics/history/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -1068,12 +1068,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1149,7 +1149,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -1161,7 +1161,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -1186,13 +1186,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index bc94f85d63..d7d751bc5c 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -10,25 +10,25 @@
     <title>Basics :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/basics/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/basics/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -249,7 +249,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -261,7 +261,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -286,13 +286,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/basics/installation/_print/index.html b/basics/installation/_print/index.html
index 16d382ab60..3b38e815b4 100644
--- a/basics/installation/_print/index.html
+++ b/basics/installation/_print/index.html
@@ -10,25 +10,26 @@
     <title>Installation :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/installation/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/installation/">
     <div id="body" class="default-animation">
@@ -101,7 +102,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Installation</h1>
 
@@ -129,7 +130,7 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.
 </span></span></code></pre></div><p>renders as</p>
-<p><img src="/hugo-theme-relearn/basics/installation/images/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
+<p><img src="/hugo-theme-relearn/basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md
 </span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
@@ -239,12 +240,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -320,7 +321,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -332,7 +333,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -357,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/basics/installation/chapter.png b/basics/installation/chapter.png
new file mode 100644
index 0000000000..21ca9adc24
Binary files /dev/null and b/basics/installation/chapter.png differ
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 53371dc0ba..365bcd2683 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -10,25 +10,25 @@
     <title>Installation :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/installation/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/basics/installation/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/basics/installation/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -128,7 +128,7 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.
 </span></span></code></pre></div><p>renders as</p>
-<p><img src="images/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
+<p><img src="chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md
 </span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
@@ -238,12 +238,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -319,7 +319,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -331,7 +331,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -356,13 +356,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/basics/migration/_print/index.html b/basics/migration/_print/index.html
index b9de297e78..48adb188e8 100644
--- a/basics/migration/_print/index.html
+++ b/basics/migration/_print/index.html
@@ -10,25 +10,26 @@
     <title>What&#39;s new :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/migration/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/migration/">
     <div id="body" class="default-animation">
@@ -116,7 +117,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>What&#39;s new</h1>
 
@@ -545,12 +546,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -626,7 +627,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -638,7 +639,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -663,13 +664,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 25d0e27650..1587bea8f6 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -10,25 +10,25 @@
     <title>What&#39;s new :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/migration/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/basics/migration/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/basics/migration/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -544,12 +544,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -625,7 +625,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -637,7 +637,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -662,13 +662,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/_print/index.html b/basics/requirements/_print/index.html
index 2b7369d9bb..03c4ea1cd5 100644
--- a/basics/requirements/_print/index.html
+++ b/basics/requirements/_print/index.html
@@ -10,25 +10,26 @@
     <title>Requirements :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/requirements/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/requirements/">
     <div id="body" class="default-animation">
@@ -85,13 +86,13 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>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/">Hugo binary</a> for your OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
-<p><img src="/hugo-theme-relearn/basics/requirements/images/magic.gif?classes=shadow" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/basics/requirements/magic.gif?classes=shadow" alt="Magic"></p>
 
             <footer class="footline">
             </footer>
@@ -171,12 +172,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -252,7 +253,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -264,7 +265,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -289,13 +290,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 5e663242a7..9cab2f3531 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -10,25 +10,25 @@
     <title>Requirements :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/basics/requirements/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/basics/requirements/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/basics/requirements/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -90,7 +90,7 @@
 
 <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/">Hugo binary</a> for your OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
-<p><img src="images/magic.gif?classes=shadow" alt="Magic"></p>
+<p><img src="magic.gif?classes=shadow" alt="Magic"></p>
 
             <footer class="footline">
             </footer>
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +251,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -263,7 +263,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/magic.gif b/basics/requirements/magic.gif
new file mode 100644
index 0000000000..235c4edb32
Binary files /dev/null and b/basics/requirements/magic.gif differ
diff --git a/categories/index.html b/categories/index.html
index 3a825bc41b..1c001032c7 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>Categories :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/categories/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/categories/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/categories/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -156,12 +156,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -237,7 +237,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -249,7 +249,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -274,13 +274,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/cont/_print/index.html b/cont/_print/index.html
index 30a62cfbf0..cce3546fba 100644
--- a/cont/_print/index.html
+++ b/cont/_print/index.html
@@ -10,25 +10,26 @@
     <title>Content :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/">
     <div id="body" class="default-animation">
@@ -84,7 +85,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="chapter">
 <div class="article-subheading">Chapter 2</div>
 <h1>Content</h1>
@@ -96,7 +97,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Pages organization</h1>
 
@@ -172,7 +173,7 @@
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div><p><img src="/hugo-theme-relearn/cont/pages/images/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon"></p>
+</span></span></code></pre></div><p><img src="/hugo-theme-relearn/cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon"></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -206,7 +207,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Archetypes</h1>
 
@@ -215,7 +216,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
+<p><img src="/hugo-theme-relearn/cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
 <p>To create a home page, run the following command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md
 </span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -227,7 +228,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.
 </span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
+<p><img src="/hugo-theme-relearn/cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
 <p>To create a chapter page, run the following command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md
 </span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -241,7 +242,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
+<p><img src="/hugo-theme-relearn/cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md
 </span></span></code></pre></div><p>or</p>
@@ -266,7 +267,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span></code></pre></div><h3 id="partials">Partials</h3>
 <p>To define how your archetypes are rendered, define corresponding partial files in your projects directory <code>layouts/partials/archetypes/&lt;kind&gt;</code>.</p>
 <p>If you use an unknown archetype in your frontmatter, the <code>default</code> archetype will be used to generate the page.</p>
-<p>Related to each archetype, several <em>hook</em> partial files can be given. If a partial for a specific hook is missing, no output is generated for this hook.</p>
+<p>Related to each archetype, several <em>hook</em> partial files in the form of <code>&lt;hook&gt;.html</code> can be given inside each archetype directory. If a partial for a specific hook is missing, no output is generated for this hook.</p>
 <p>The following hooks are used:</p>
 <table>
 <thead>
@@ -287,12 +288,14 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </tbody>
 </table>
 <p>Take a look at the existing archetypes of this theme to get an idea how to utilize it.</p>
+<h4 id="output-formats">Output formats</h4>
+<p>Each hook file can be overridden of a specific <a href="https://gohugo.io/templates/output-formats/">output format</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> to change the way how normal content is written for that output format.</p>
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Markdown syntax</h1>
 
@@ -794,7 +797,7 @@ line 3 of code
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Code highlighting</h1>
 
@@ -848,7 +851,7 @@ line 3 of code
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Menu extra shortcuts</h1>
 
@@ -965,7 +968,7 @@ However, if you want to keep the title but change its value, it can be overriden
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Icons and logos</h1>
 
@@ -994,7 +997,7 @@ However, if you want to keep the title but change its value, it can be overriden
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Multilingual and i18n</h1>
 
@@ -1005,7 +1008,7 @@ However, if you want to keep the title but change its value, it can be overriden
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><img src="/hugo-theme-relearn/cont/i18n/images/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
+<p><img src="/hugo-theme-relearn/cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -1092,7 +1095,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Tags</h1>
 
@@ -1193,12 +1196,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1274,7 +1277,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -1286,7 +1289,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -1311,13 +1314,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/_print/index.html b/cont/archetypes/_print/index.html
index 404dd3470f..6edd072b42 100644
--- a/cont/archetypes/_print/index.html
+++ b/cont/archetypes/_print/index.html
@@ -10,25 +10,26 @@
     <title>Archetypes :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/archetypes/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/archetypes/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/cont/markdown/" title="Markdown syntax (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/pages/" title="Pages organization (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -107,7 +108,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Archetypes</h1>
 
@@ -116,7 +117,7 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
+<p><img src="/hugo-theme-relearn/cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
 <p>To create a home page, run the following command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md
 </span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -128,7 +129,7 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.
 </span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
+<p><img src="/hugo-theme-relearn/cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
 <p>To create a chapter page, run the following command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md
 </span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -142,7 +143,7 @@
 </span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
+<p><img src="/hugo-theme-relearn/cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md
 </span></span></code></pre></div><p>or</p>
@@ -167,7 +168,7 @@
 </span></span></code></pre></div><h3 id="partials">Partials</h3>
 <p>To define how your archetypes are rendered, define corresponding partial files in your projects directory <code>layouts/partials/archetypes/&lt;kind&gt;</code>.</p>
 <p>If you use an unknown archetype in your frontmatter, the <code>default</code> archetype will be used to generate the page.</p>
-<p>Related to each archetype, several <em>hook</em> partial files can be given. If a partial for a specific hook is missing, no output is generated for this hook.</p>
+<p>Related to each archetype, several <em>hook</em> partial files in the form of <code>&lt;hook&gt;.html</code> can be given inside each archetype directory. If a partial for a specific hook is missing, no output is generated for this hook.</p>
 <p>The following hooks are used:</p>
 <table>
 <thead>
@@ -188,6 +189,8 @@
 </tbody>
 </table>
 <p>Take a look at the existing archetypes of this theme to get an idea how to utilize it.</p>
+<h4 id="output-formats">Output formats</h4>
+<p>Each hook file can be overridden of a specific <a href="https://gohugo.io/templates/output-formats/">output format</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> to change the way how normal content is written for that output format.</p>
 
             <footer class="footline">
             </footer>
@@ -267,12 +270,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -348,7 +351,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -360,7 +363,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -385,13 +388,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index f2ec7950df..d9d8ec010a 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -10,25 +10,25 @@
     <title>Archetypes :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/archetypes/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/cont/archetypes/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/cont/archetypes/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/cont/markdown/" title="Markdown syntax (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/pages/" title="Pages organization (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -115,7 +115,7 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><img src="images/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
+<p><img src="pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
 <p>To create a home page, run the following command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md
 </span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -127,7 +127,7 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.
 </span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><img src="images/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
+<p><img src="pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
 <p>To create a chapter page, run the following command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md
 </span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -141,7 +141,7 @@
 </span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><img src="images/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
+<p><img src="pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md
 </span></span></code></pre></div><p>or</p>
@@ -166,7 +166,7 @@
 </span></span></code></pre></div><h3 id="partials">Partials</h3>
 <p>To define how your archetypes are rendered, define corresponding partial files in your projects directory <code>layouts/partials/archetypes/&lt;kind&gt;</code>.</p>
 <p>If you use an unknown archetype in your frontmatter, the <code>default</code> archetype will be used to generate the page.</p>
-<p>Related to each archetype, several <em>hook</em> partial files can be given. If a partial for a specific hook is missing, no output is generated for this hook.</p>
+<p>Related to each archetype, several <em>hook</em> partial files in the form of <code>&lt;hook&gt;.html</code> can be given inside each archetype directory. If a partial for a specific hook is missing, no output is generated for this hook.</p>
 <p>The following hooks are used:</p>
 <table>
 <thead>
@@ -187,6 +187,8 @@
 </tbody>
 </table>
 <p>Take a look at the existing archetypes of this theme to get an idea how to utilize it.</p>
+<h4 id="output-formats">Output formats</h4>
+<p>Each hook file can be overridden of a specific <a href="https://gohugo.io/templates/output-formats/">output format</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> to change the way how normal content is written for that output format.</p>
 
             <footer class="footline">
             </footer>
@@ -266,12 +268,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -347,7 +349,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -359,7 +361,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -384,13 +386,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/pages-chapter.png b/cont/archetypes/pages-chapter.png
new file mode 100644
index 0000000000..dd340fa0a8
Binary files /dev/null and b/cont/archetypes/pages-chapter.png differ
diff --git a/cont/archetypes/pages-default.png b/cont/archetypes/pages-default.png
new file mode 100644
index 0000000000..071b43a79f
Binary files /dev/null and b/cont/archetypes/pages-default.png differ
diff --git a/cont/archetypes/pages-home.png b/cont/archetypes/pages-home.png
new file mode 100644
index 0000000000..8f7df2474b
Binary files /dev/null and b/cont/archetypes/pages-home.png differ
diff --git a/cont/i18n/_print/index.html b/cont/i18n/_print/index.html
index ef1d080569..ded43bdd75 100644
--- a/cont/i18n/_print/index.html
+++ b/cont/i18n/_print/index.html
@@ -10,25 +10,26 @@
     <title>Multilingual and i18n :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/i18n/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/i18n/">
     <div id="body" class="default-animation">
@@ -53,10 +54,10 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/cont/tags/" title="Tags (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/cont/markdown/" title="Markdown syntax (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/cont/icons/" title="Icons and logos (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/cont/archetypes/" title="Archetypes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/cont/i18n/_print/">
@@ -102,7 +103,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Multilingual and i18n</h1>
 
@@ -113,7 +114,7 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><img src="/hugo-theme-relearn/cont/i18n/images/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
+<p><img src="/hugo-theme-relearn/cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -274,12 +275,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -355,7 +356,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -367,7 +368,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -392,13 +393,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/i18n-menu.gif b/cont/i18n/i18n-menu.gif
new file mode 100644
index 0000000000..dd5d002a8c
Binary files /dev/null and b/cont/i18n/i18n-menu.gif differ
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 37c7c475a1..53750fc37e 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -10,25 +10,25 @@
     <title>Multilingual and i18n :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/i18n/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,21 +42,21 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/cont/i18n/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/cont/i18n/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/cont/tags/" title="Tags (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/cont/markdown/" title="Markdown syntax (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/cont/icons/" title="Icons and logos (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/cont/archetypes/" title="Archetypes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/cont/i18n/_print/">
@@ -112,7 +112,7 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><img src="images/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
+<p><img src="i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -273,12 +273,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -354,7 +354,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -366,7 +366,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -391,13 +391,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/cont/icons/index.html b/cont/icons/index.html
index de3c6667f8..ec219f48e6 100644
--- a/cont/icons/index.html
+++ b/cont/icons/index.html
@@ -10,25 +10,25 @@
     <title>Icons and logos :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/icons/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/cont/icons/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234281" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234281" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234281" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234281"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/cont/icons/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/cont/icons/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/cont/tags/" title="Tags (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/menushortcuts/" title="Menu extra shortcuts (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -199,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234281" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -280,7 +280,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -292,7 +292,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -317,13 +317,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234281"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 0234d09c73..c2abbc3f61 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -10,25 +10,25 @@
     <title>Content :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/cont/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/cont/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -249,7 +249,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -261,7 +261,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -286,13 +286,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index cdd96da859..266daee3b0 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -10,25 +10,25 @@
     <title>Markdown syntax :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/cont/markdown/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234281" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234281" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234281" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234281"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/cont/markdown/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/cont/markdown/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/cont/syntaxhighlight/" title="Code highlighting (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/cont/archetypes/" title="Archetypes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/cont/markdown/">
@@ -722,12 +722,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234281" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -803,7 +803,7 @@ line 3 of code
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -815,7 +815,7 @@ line 3 of code
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -840,13 +840,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234281"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index dd525274bf..e29d3ab580 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -10,25 +10,25 @@
     <title>Menu extra shortcuts :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/cont/menushortcuts/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234281" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234281" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234281" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234281"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/cont/menushortcuts/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/cont/menushortcuts/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -286,12 +286,12 @@ However, if you want to keep the title but change its value, it can be overriden
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234281" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -367,7 +367,7 @@ However, if you want to keep the title but change its value, it can be overriden
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -379,7 +379,7 @@ However, if you want to keep the title but change its value, it can be overriden
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -404,13 +404,13 @@ However, if you want to keep the title but change its value, it can be overriden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234281"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/cont/pages/_print/index.html b/cont/pages/_print/index.html
index 61e6298be0..4864611633 100644
--- a/cont/pages/_print/index.html
+++ b/cont/pages/_print/index.html
@@ -10,25 +10,26 @@
     <title>Pages organization :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/pages/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/pages/">
     <div id="body" class="default-animation">
@@ -104,7 +105,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Pages organization</h1>
 
@@ -180,7 +181,7 @@
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div><p><img src="/hugo-theme-relearn/cont/pages/images/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon"></p>
+</span></span></code></pre></div><p><img src="/hugo-theme-relearn/cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon"></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -288,12 +289,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -369,7 +370,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -381,7 +382,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -406,13 +407,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/cont/pages/frontmatter-icon.png b/cont/pages/frontmatter-icon.png
new file mode 100644
index 0000000000..8614767a03
Binary files /dev/null and b/cont/pages/frontmatter-icon.png differ
diff --git a/cont/pages/index.html b/cont/pages/index.html
index aa3992e1c8..06ef1a873f 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -10,25 +10,25 @@
     <title>Pages organization :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/cont/pages/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/cont/pages/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/cont/pages/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -179,7 +179,7 @@
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div><p><img src="images/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon"></p>
+</span></span></code></pre></div><p><img src="frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon"></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -287,12 +287,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -368,7 +368,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -380,7 +380,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -405,13 +405,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.html b/cont/syntaxhighlight/index.html
index b76aee2785..595a4d10df 100644
--- a/cont/syntaxhighlight/index.html
+++ b/cont/syntaxhighlight/index.html
@@ -10,25 +10,25 @@
     <title>Code highlighting :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/cont/syntaxhighlight/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234281" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234281" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234281" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234281"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/cont/syntaxhighlight/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/cont/syntaxhighlight/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -224,12 +224,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234281" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -305,7 +305,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -317,7 +317,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234281"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/cont/tags/index.html b/cont/tags/index.html
index 01e5844248..57ce8e479f 100644
--- a/cont/tags/index.html
+++ b/cont/tags/index.html
@@ -10,25 +10,25 @@
     <title>Tags :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/cont/tags/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/cont/tags/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234281" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234281" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234281" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234281"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/cont/tags/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/cont/tags/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/cont/icons/" title="Icons and logos (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/cont/tags/">
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234281" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234281" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,7 +281,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -293,7 +293,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234281"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234281" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/css/format-print.css b/css/format-print.css
new file mode 100644
index 0000000000..6cebb66d8a
--- /dev/null
+++ b/css/format-print.css
@@ -0,0 +1,181 @@
+@import "theme-relearn-light.css";
+
+#sidebar {
+    display: none;
+}
+#body {
+    margin-left: 0;
+    min-width: 100%;
+    max-width: 100%;
+    width: 100%;
+}
+#body #navigation {
+    display: none;
+}
+html,
+body #body{
+    font-size: 8.9pt;
+}
+body {
+    background-color: white;
+}
+pre code {
+    font-size: 8.3pt;
+}
+code.copy-to-clipboard-code {
+    border-bottom-right-radius: 2px;
+    border-top-right-radius: 2px;
+    border-right-width: 1px;
+}
+pre {
+    border: 1px solid #ccc;
+}
+#body #topbar{
+    background-color: #fff; /* avoid background bleeding*/
+    border-bottom: 1px solid #ddd;
+    border-radius: 0;
+    padding-left: 0; /* for print, we want to align with the footer to ease the layout */
+    color: #777;
+}
+.navigation,
+#top-print-link,
+#top-github-link {
+    /* we don't need this while printing */
+    display: none;
+}
+#body #breadcrumbs {
+    width: 100%;
+}
+#body #breadcrumbs .links {
+    overflow-x: hidden;
+    visibility: visible;
+}
+.copy-to-clipboard-button {
+    display: none;
+}
+
+#body h1, #body h2, #body h3, #body h4, #body h5, #body h6 {
+    /* better contrast for colored elements */
+    color: black;
+}
+#body th, #body td,
+#body code, #body strong, #body b,
+#body li, #body dd, #body dt,
+#body p,
+#body a {
+    /* better contrast for colored elements */
+    color: black;
+}
+#body .anchor{
+    display: none;
+}
+#body pre,
+#body code {
+    background-color: white;
+    border-color: #ddd;
+}
+
+hr{
+    border-bottom: 1px solid #ddd;
+}
+body,
+#body,
+#body-inner {
+    overflow: visible !important; /* turn off limitations for perfect scrollbar */
+}
+#body #body-inner {
+    /* reset paddings for chapters in screen */
+    padding: 0 3.25rem 4rem 3.25rem;
+}
+
+#body #body-inner h1 {
+    border-bottom: 1px solid #ddd;
+    margin-bottom: 2rem;
+    padding-bottom: .75rem;
+}
+#body-inner .chapter h3:first-of-type {
+    margin-top: 2rem;
+}
+#body-inner .chapter p {
+    font-size: 1rem;
+}
+
+.footline {
+    /* in print mode show footer line to signal reader the end of document */
+    border-top: 1px solid #ddd;
+    color: #777;
+    margin-top: 1.5rem;
+    padding-top: .75rem;
+}
+#body #body-inner .footline a {
+    text-decoration: none;
+}
+#body #body-inner a {
+    /* in print we want to distinguish links in our content from
+    normal text even if printed black/white;
+    don't use a.highlight in selector to also get links that are
+    put as HTML into markdown */
+    text-decoration-line: underline;
+}
+#toc-menu {
+    /* we don't need this while printing */
+    display: none;
+}
+#body #sidebar-toggle-span {
+    /* we don't need this while printing */
+    display: none;
+}
+#breadcrumbs .links {
+    display: inline;
+}
+#topbar{
+    /* the header is sticky which is not suitable for print; */
+    position: inherit; /* IE11 doesn't know "initial" here */
+}
+#topbar > div {
+    background-color: #ffffff; /* IE11 doesn't know "initial" here */
+}
+#body .tab-nav-button:not(.active) {
+    opacity: .5;
+}
+#head-tags {
+    display: none;
+}
+mark {
+    background: inherit;
+    color: inherit;
+}
+.mermaid > svg:hover {
+    border-color: transparent;
+}
+div.box {
+    border: 1px solid #ddd;
+}
+div.box > .box-content {
+    background-color: white;
+}
+rapi-doc{
+    /* adjust rapi-doc internals to fill out available space */
+    font-size: 4pt;
+    margin-left: -12px;
+    width: calc( 100% + 12px + 8px );
+}
+.btn,
+#body .tab-nav-button {
+    color: black !important;
+}
+#body .tab-nav-button.active {
+    background-color: white !important;
+    border-bottom-color: white !important;
+    color: black;
+}
+#body .tab-nav-button:not(.active) {
+    opacity: 1;
+}
+
+article {
+    break-before: page;
+}
+#body-inner > * > article:first-of-type {
+    break-before: avoid;
+}
diff --git a/css/print.css b/css/print.css
index 4ef812123d..9b3d92ae7d 100644
--- a/css/print.css
+++ b/css/print.css
@@ -1,183 +1 @@
-@import "theme-relearn-light.css";
-
-#sidebar {
-    display: none;
-}
-#body {
-    margin-left: 0;
-    min-width: 100%;
-    max-width: 100%;
-    width: 100%;
-}
-#body #navigation {
-    display: none;
-}
-html,
-body #body{
-    font-size: 8.9pt;
-}
-body {
-    background-color: white;
-}
-pre code {
-    font-size: 8.3pt;
-}
-code.copy-to-clipboard-code {
-    border-bottom-right-radius: 2px;
-    border-top-right-radius: 2px;
-    border-right-width: 1px;
-}
-pre {
-    border: 1px solid #ccc;
-}
-#body #topbar{
-    background-color: #fff; /* avoid background bleeding*/
-    border-bottom: 1px solid #ddd;
-    border-radius: 0;
-    padding-left: 0; /* for print, we want to align with the footer to ease the layout */
-    color: #777;
-}
-.navigation,
-#top-print-link,
-#top-github-link {
-    /* we don't need this while printing */
-    display: none;
-}
-#body #breadcrumbs {
-    width: 100%;
-}
-#body #breadcrumbs .links {
-    overflow-x: hidden;
-    visibility: visible;
-}
-.copy-to-clipboard-button {
-    display: none;
-}
-
-#body h1, #body h2, #body h3, #body .article-subheading, #body h4, #body h5, #body h6 {
-    /* better contrast for colored elements */
-    color: black;
-}
-#body th, #body td,
-#body code, #body strong, #body b,
-#body li, #body dd, #body dt,
-#body p,
-#body a {
-    /* better contrast for colored elements */
-    color: black;
-}
-#body .anchor{
-    display: none;
-}
-#body pre,
-#body code {
-    background-color: white;
-    border-color: #ddd;
-}
-
-hr{
-    border-bottom: 1px solid #ddd;
-}
-body,
-#body,
-#body-inner {
-    overflow: visible !important; /* turn off limitations for perfect scrollbar */
-}
-#body #body-inner {
-    /* reset paddings for chapters in screen */
-    padding: 0 3.25rem 4rem 3.25rem;
-}
-
-#body #body-inner h1 {
-    border-bottom: 1px solid #ddd;
-    margin-bottom: 2rem;
-    padding-bottom: .75rem;
-}
-
-#body-inner div.article-subheading,
-#body-inner .chapter.deprecated h3:first-of-type {
-    margin-top: 2rem;
-}
-#body-inner.narrow p {
-    font-size: 1rem;
-}
-
-.footline {
-    /* in print mode show footer line to signal reader the end of document */
-    border-top: 1px solid #ddd;
-    color: #777;
-    margin-top: 1.5rem;
-    padding-top: .75rem;
-}
-#body #body-inner .footline a {
-    text-decoration: none;
-}
-#body #body-inner a {
-    /* in print we want to distinguish links in our content from
-    normal text even if printed black/white;
-    don't use a.highlight in selector to also get links that are
-    put as HTML into markdown */
-    text-decoration-line: underline;
-}
-#toc-menu {
-    /* we don't need this while printing */
-    display: none;
-}
-#body #sidebar-toggle-span {
-    /* we don't need this while printing */
-    display: none;
-}
-#breadcrumbs .links {
-    display: inline;
-}
-#topbar{
-    /* the header is sticky which is not suitable for print; */
-    position: inherit; /* IE11 doesn't know "initial" here */
-}
-#topbar > div {
-    background-color: #ffffff; /* IE11 doesn't know "initial" here */
-}
-#body .tab-nav-button:not(.active) {
-    opacity: .5;
-}
-#head-tags {
-    display: none;
-}
-mark {
-    background: inherit;
-    color: inherit;
-}
-.mermaid > svg:hover {
-    border-color: transparent;
-}
-div.box {
-    border: 1px solid #ddd;
-}
-div.box > .box-content {
-    background-color: white;
-}
-rapi-doc{
-    /* adjust rapi-doc internals to fill out available space */
-    font-size: 4pt;
-    margin-left: -12px;
-    width: calc( 100% + 12px + 8px );
-}
-.btn,
-#body .tab-nav-button {
-    color: black !important;
-}
-#body .tab-nav-button.active {
-    background-color: white !important;
-    border-bottom-color: white !important;
-    color: black;
-}
-#body .tab-nav-button:not(.active) {
-    opacity: 1;
-}
-
-article {
-    break-before: page;
-}
-#body-inner > * > article:first-of-type {
-    break-before: avoid;
-}
+@import "format-print.css";
diff --git a/en/sitemap.xml b/en/sitemap.xml
index 8f8b8e259e..7dfff6c723 100644
--- a/en/sitemap.xml
+++ b/en/sitemap.xml
@@ -674,19 +674,6 @@
                 href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/"
                 />
   </url>
-  <url>
-    <loc>https://McShelby.github.io/hugo-theme-relearn/tests/links/</loc>
-    <xhtml:link
-                rel="alternate"
-                hreflang="pir"
-                href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/links/"
-                />
-    <xhtml:link
-                rel="alternate"
-                hreflang="en"
-                href="https://McShelby.github.io/hugo-theme-relearn/tests/links/"
-                />
-  </url>
   <url>
     <loc>https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/</loc>
     <xhtml:link
diff --git a/index.html b/index.html
index 0459df949f..ac814b0813 100644
--- a/index.html
+++ b/index.html
@@ -10,25 +10,25 @@
     <title>Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -231,12 +231,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,7 +312,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -324,7 +324,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -349,13 +349,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/index.json b/index.json
index 164cca5b77..3857aaba91 100644
--- a/index.json
+++ b/index.json
@@ -35,7 +35,7 @@
     "uri": "/hugo-theme-relearn/shortcodes/"
   },
   {
-    "content": "Some pages for internal testing of differnt styles\nChapters Start your success story. Now!\nCode Some testing for different styles used in syntax highlightning and preformatted blocks\nImages Some testing for different styles of image links\nLinks Some testing for different styles of links\nWidth Test dynamic width resizing of content if scrollbar is present\n",
+    "content": "Some pages for internal testing of differnt styles\nChapters Start your success story. Now!\nCode Some testing for different styles used in syntax highlightning and preformatted blocks\nImages Some testing for different styles of image links\nWidth Test dynamic width resizing of content if scrollbar is present\n",
     "description": "",
     "tags": null,
     "title": "Tests",
@@ -49,7 +49,7 @@
     "uri": "/hugo-theme-relearn/cont/pages/"
   },
   {
-    "content": "Using the command: hugo new [relative new content path], you can start a content file with the date and title automatically set. While this is a welcome feature, active writers need more: archetypes. These are preconfigured skeleton pages with default frontmatter.\nThe Relearn theme defines some few archetypes of pages but you are free to define new ones to your liking. All can be used at any level of the documentation, the only difference being the layout of the content.\nPredefined Archetypes Home A Home page is the starting page of your project. It’s best to have only one page of this kind in your project.\nTo create a home page, run the following command\nhugo new --kind home _index.md This leads to a file with the following content\n+++ archetype = \"home\" title = \"{{ replace .Name \"-\" \" \" | title }}\" +++ Lorem Ipsum. Chapter A Chapter displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.\nTo create a chapter page, run the following command\nhugo new --kind chapter \u003cname\u003e/_index.md This leads to a file with the following content\n+++ archetype = \"chapter\" title = \"{{ replace .Name \"-\" \" \" | title }}\" weight = X +++ Lorem Ipsum. Replace the X with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.\nDefault A Default page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.\nTo create a default page, run either one of the following commands\nhugo new \u003cchapter\u003e/\u003cname\u003e/_index.md or\nhugo new \u003cchapter\u003e/\u003cname\u003e.md This leads to a file with the following content\n+++ title = \"{{ replace .Name \"-\" \" \" | title }}\" weight = X +++ Lorem Ipsum. Replace the X with a number or delete the whole weight parameter entirly.\nSelfdefined Archetypes If you are in need of further archetypes you can define your own or even redefine existing ones.\nTemplate Define a template file in your project at archetypes/\u003ckind\u003e.md and make sure it has at least the frontmatter parameter for that archetype like\n+++ archetype = \"\u003ckind\u003e\" +++ Afterwards you can generate new content files of that kind with the follwing command\nhugo new --kind \u003ckind\u003e \u003cname\u003e/_index.md Partials To define how your archetypes are rendered, define corresponding partial files in your projects directory layouts/partials/archetypes/\u003ckind\u003e.\nIf you use an unknown archetype in your frontmatter, the default archetype will be used to generate the page.\nRelated to each archetype, several hook partial files can be given. If a partial for a specific hook is missing, no output is generated for this hook.\nThe following hooks are used:\nName Notes styleclass Defines a set of CSS classes to be added to the HTML’s \u003cmain\u003e element. You can use these classes to define own CSS rules in your custom-header.html article Defines the HTML how to render your content Take a look at the existing archetypes of this theme to get an idea how to utilize it.\n",
+    "content": "Using the command: hugo new [relative new content path], you can start a content file with the date and title automatically set. While this is a welcome feature, active writers need more: archetypes. These are preconfigured skeleton pages with default frontmatter.\nThe Relearn theme defines some few archetypes of pages but you are free to define new ones to your liking. All can be used at any level of the documentation, the only difference being the layout of the content.\nPredefined Archetypes Home A Home page is the starting page of your project. It’s best to have only one page of this kind in your project.\nTo create a home page, run the following command\nhugo new --kind home _index.md This leads to a file with the following content\n+++ archetype = \"home\" title = \"{{ replace .Name \"-\" \" \" | title }}\" +++ Lorem Ipsum. Chapter A Chapter displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.\nTo create a chapter page, run the following command\nhugo new --kind chapter \u003cname\u003e/_index.md This leads to a file with the following content\n+++ archetype = \"chapter\" title = \"{{ replace .Name \"-\" \" \" | title }}\" weight = X +++ Lorem Ipsum. Replace the X with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.\nDefault A Default page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.\nTo create a default page, run either one of the following commands\nhugo new \u003cchapter\u003e/\u003cname\u003e/_index.md or\nhugo new \u003cchapter\u003e/\u003cname\u003e.md This leads to a file with the following content\n+++ title = \"{{ replace .Name \"-\" \" \" | title }}\" weight = X +++ Lorem Ipsum. Replace the X with a number or delete the whole weight parameter entirly.\nSelfdefined Archetypes If you are in need of further archetypes you can define your own or even redefine existing ones.\nTemplate Define a template file in your project at archetypes/\u003ckind\u003e.md and make sure it has at least the frontmatter parameter for that archetype like\n+++ archetype = \"\u003ckind\u003e\" +++ Afterwards you can generate new content files of that kind with the follwing command\nhugo new --kind \u003ckind\u003e \u003cname\u003e/_index.md Partials To define how your archetypes are rendered, define corresponding partial files in your projects directory layouts/partials/archetypes/\u003ckind\u003e.\nIf you use an unknown archetype in your frontmatter, the default archetype will be used to generate the page.\nRelated to each archetype, several hook partial files in the form of \u003chook\u003e.html can be given inside each archetype directory. If a partial for a specific hook is missing, no output is generated for this hook.\nThe following hooks are used:\nName Notes styleclass Defines a set of CSS classes to be added to the HTML’s \u003cmain\u003e element. You can use these classes to define own CSS rules in your custom-header.html article Defines the HTML how to render your content Take a look at the existing archetypes of this theme to get an idea how to utilize it.\nOutput formats Each hook file can be overridden of a specific output format. Eg. if you define a new output format PLAINTEXT in your config.toml, you can add a file layouts/partials/archetypes/default.plaintext.html to change the way how normal content is written for that output format.\n",
     "description": "",
     "tags": null,
     "title": "Archetypes",
@@ -111,7 +111,7 @@
     "uri": "/hugo-theme-relearn/shortcodes/children/children-2/"
   },
   {
-    "content": "The Relearn theme has been built to be as configurable as possible by defining multiple partials\nIn themes/hugo-theme-relearn/layouts/partials/, you will find all the partials defined for this theme. If you need to overwrite something, don’t change the code directly. Instead follow this page. You’d create a new partial in the layouts/partials folder of your local project. This partial will have the priority.\nThis theme defines the following partials :\nheader.html: the header of the page. Not meant to be overwritten footer.html: the footer of the page.Not meant to be overwritten menu.html: left menu. Not meant to be overwritten search.html: search box. Not meant to be overwritten custom-header.html: custom headers in page. Meant to be overwritten when adding CSS imports. Don’t forget to include style HTML tag directive in your file. custom-footer.html: custom footer in page. Meant to be overwritten when adding Javacript. Don’t forget to include javascript HTML tag directive in your file. favicon.html: the favicon heading-pre.html: side-wide configuration to prepend to pages title headings. If you override this, it is your responsiblity to take the page’s headingPre setting into account. heading-post.html: side-wide configuration to append to pages title headings. If you override this, it is your responsiblity to take the page’s headingPost setting into account. logo.html: the logo, on top left hand corner meta.html: HTML meta tags, if you want to change default behavior menu-pre.html: side-wide configuration to prepend to menu items. If you override this, it is your responsiblity to take the page’s menuPre setting into account. menu-post.html: side-wide configuration to append to menu items. If you override this, it is your responsiblity to take the page’s menuPost setting into account. menu-footer.html: footer of the the left menu toc.html: table of contents content.html: the content page itself. This can be overridden if you wan’t to display page’s meta data above or below the content. content-footer: footer below the content, has a default implementation but you can overwrite it if you don’t like it. Change the logo Create a new file in layouts/partials/ named logo.html. Then write any HTML you want. You could use an img HTML tag and reference an image created under the static folder, or you could paste a SVG definition!\nNote The size of the logo will adapt automatically\nChange the favicon If your favicon is a SVG, PNG or ICO, just drop off your image in your local static/images/ folder and name it favicon.svg, favicon.png or favicon.ico respectivly.\nIf no favicon file is found, the theme will lookup the alternative filename logo in the same location and will repeat the search for the list of supported file types.\nIf you need to change this default behavior, create a new file in layouts/partials/ named favicon.html. Then write something like this:\n\u003clink rel=\"icon\" href=\"/images/favicon.bmp\" type=\"image/bmp\" /\u003e Change the colors The Relearn theme lets you choose between some predefined color variants in light or dark mode, but feel free to add one yourself!\nYou can preview the shipped variants by changing them in the variant selector at the bottom of the menu.\nSingle variant Set the themeVariant value with the name of your theme file. That’s it!\n[params] themeVariant = \"relearn-light\" In the above exaple your theme file has to be named theme-relearn-light.css\nMultiple variants You can also set multiple variants. In this case, the first variant is the default choosen on first view and a variant switch will be shown in the menu footer.\n[params] # Change default color scheme with a variant one. themeVariant = [ \"relearn-light\", \"relearn-dark\" ] Tip If you want to switch the syntax highlightning theme together with your color variant, generate a syntax highlighting stylesheet and configure your installation according to Hugo’s documentation, and @import this stylesheet in your color variant stylesheet. For an example, take a look into theme-relearn-light.css and config.toml of the exampleSite.\nRoll your own If you are not happy with the shipped variants you can either copy one of the shipped files, edit them in a text editor and configure the themeVariant parameter in your config.toml or just use the interactive variant generator.\n",
+    "content": "The Relearn theme has been built to be as configurable as possible by defining multiple partials\nIn themes/hugo-theme-relearn/layouts/partials/, you will find all the partials defined for this theme. If you need to overwrite something, don’t change the code directly. Instead follow this page. You’d create a new partial in the layouts/partials folder of your local project. This partial will have the priority.\nThis theme defines the following partials :\nheader.html: the header of the page. See output-formats footer.html: the footer of the page. See output-formats body.html: the body of the page. The body may contain of one or many articles. See output-formats article.html: the output for a single article, can contain elements around your content. See output-formats menu.html: left menu. Not meant to be overwritten search.html: search box. Not meant to be overwritten custom-header.html: custom headers in page. Meant to be overwritten when adding CSS imports. Don’t forget to include style HTML tag directive in your file. custom-footer.html: custom footer in page. Meant to be overwritten when adding Javacript. Don’t forget to include javascript HTML tag directive in your file. favicon.html: the favicon heading-pre.html: side-wide configuration to prepend to pages title headings. If you override this, it is your responsiblity to take the page’s headingPre setting into account. heading-post.html: side-wide configuration to append to pages title headings. If you override this, it is your responsiblity to take the page’s headingPost setting into account. logo.html: the logo, on top left hand corner meta.html: HTML meta tags, if you want to change default behavior menu-pre.html: side-wide configuration to prepend to menu items. If you override this, it is your responsiblity to take the page’s menuPre setting into account. menu-post.html: side-wide configuration to append to menu items. If you override this, it is your responsiblity to take the page’s menuPost setting into account. menu-footer.html: footer of the the left menu toc.html: table of contents content.html: the content page itself. This can be overridden if you wan’t to display page’s meta data above or below the content. content-footer: footer below the content, has a default implementation but you can overwrite it if you don’t like it. Change the logo Create a new file in layouts/partials/ named logo.html. Then write any HTML you want. You could use an img HTML tag and reference an image created under the static folder, or you could paste a SVG definition!\nNote The size of the logo will adapt automatically\nChange the favicon If your favicon is a SVG, PNG or ICO, just drop off your image in your local static/images/ folder and name it favicon.svg, favicon.png or favicon.ico respectivly.\nIf no favicon file is found, the theme will lookup the alternative filename logo in the same location and will repeat the search for the list of supported file types.\nIf you need to change this default behavior, create a new file in layouts/partials/ named favicon.html. Then write something like this:\n\u003clink rel=\"icon\" href=\"/images/favicon.bmp\" type=\"image/bmp\" /\u003e Change the colors The Relearn theme lets you choose between some predefined color variants in light or dark mode, but feel free to add one yourself!\nYou can preview the shipped variants by changing them in the variant selector at the bottom of the menu.\nSingle variant Set the themeVariant value with the name of your theme file. That’s it!\n[params] themeVariant = \"relearn-light\" In the above exaple your theme file has to be named theme-relearn-light.css\nMultiple variants You can also set multiple variants. In this case, the first variant is the default choosen on first view and a variant switch will be shown in the menu footer.\n[params] # Change default color scheme with a variant one. themeVariant = [ \"relearn-light\", \"relearn-dark\" ] Tip If you want to switch the syntax highlightning theme together with your color variant, generate a syntax highlighting stylesheet and configure your installation according to Hugo’s documentation, and @import this stylesheet in your color variant stylesheet. For an example, take a look into theme-relearn-light.css and config.toml of the exampleSite.\nRoll your own If you are not happy with the shipped variants you can either copy one of the shipped files, edit them in a text editor and configure the themeVariant parameter in your config.toml or just use the interactive variant generator.\nOutput formats Certain parts of the theme can be changed for support of your own output formats. Eg. if you define a new output format PLAINTEXT in your config.toml, you can add a file layouts/partials/header.plaintext.html to change the way, the page header should look like for that output format.\n",
     "description": "",
     "tags": null,
     "title": "Customization",
@@ -490,13 +490,6 @@
     "title": "Include",
     "uri": "/hugo-theme-relearn/shortcodes/include/"
   },
-  {
-    "content": "Some testing for different styles of links.\nMarkdown Relative to page: Relative to page up level: Static: ",
-    "description": "Some testing for different styles of links",
-    "tags": null,
-    "title": "Links",
-    "uri": "/hugo-theme-relearn/tests/links/"
-  },
   {
     "content": "The math shortcode generates beautiful formatted math and chemical formulae using the MathJax library.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Note This only works in modern browsers.\nUsage While the examples are using shortcodes with named parameter it is recommended to use codefences instead. This is because more and more other software supports Mermaid codefences (eg. GitHub) and so your markdown becomes more portable.\nYou are free to also call this shortcode from your own partials.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting (see the configuration section).\ncodefence shortcode partial ```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` {{\u003c math \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} {{ partial \"shortcodes/math.html\" (dict \"context\" . \"content\" \"$$left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\" )}} Parameter Parameter are only supported when using shortcode or partial syntax. Defaults are used when using codefence syntax.\nName Default Notes align center Allowed values are left, center or right. \u003ccontent\u003e \u003cempty\u003e Your formuale. Configuration MathJax is configured with default settings. You can customize MathJax’s default settings for all of your files thru a JSON object in your config.toml or override these settings per page thru your pages frontmatter.\nThe JSON object of your config.toml / frontmatter is forwarded into MathJax’s configuration object.\nSee MathJax documentation for all allowed settings.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting.\nGlobal Configuration File [params] mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" [markup] [markup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT mermaid and math codefences will not work anymore! So this is a # mandatory setting for your site if you want to use math codefences guessSyntax = false Page’s Frontmatter +++ mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" +++ Examples Inline Math Inline math is generated if you use a single `$` as a delimiter around your formulae: {{\u003c math \u003e}}$\\sqrt{3}${{\u003c /math \u003e}} Inline math is generated if you use a single $ as a delimiter around your formulae: $\\sqrt{3}$\nBlocklevel Math with Left Alignment If you delimit your formulae by two consecutive `$$` it generates a new block. {{\u003c math align=\"left\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} If you delimit your formulae by two consecutive $$ it generates a new block.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Codefence You can also use codefences but without further parameter.\n```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$Chemical Formulae {{\u003c math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ {{\u003c /math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ ",
     "description": "Beautiful math and chemical formulae",
diff --git a/index.xml b/index.xml
index c2a666fb64..5c686e286d 100644
--- a/index.xml
+++ b/index.xml
@@ -38,7 +38,6 @@ To avoid this limitations, Hugo created shortcodes. A shortcode is a simple snip
 Chapters Start your success story. Now!
 Code Some testing for different styles used in syntax highlightning and preformatted blocks
 Images Some testing for different styles of image links
-Links Some testing for different styles of links
 Width Test dynamic width resizing of content if scrollbar is present</description>
     </item>
   </channel>
diff --git a/more/credits/_print/index.html b/more/credits/_print/index.html
index 7245be872a..fca2d056db 100644
--- a/more/credits/_print/index.html
+++ b/more/credits/_print/index.html
@@ -10,25 +10,26 @@
     <title>Credits :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/more/credits/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/more/credits/">
     <div id="body" class="default-animation">
@@ -84,7 +85,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Credits</h1>
 
@@ -191,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -272,7 +273,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -284,7 +285,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -309,13 +310,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.html b/more/credits/index.html
index fc904c5aee..42eb3d5601 100644
--- a/more/credits/index.html
+++ b/more/credits/index.html
@@ -10,25 +10,25 @@
     <title>Credits :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/more/credits/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/more/credits/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/more/credits/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -190,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -271,7 +271,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -283,7 +283,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -308,13 +308,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/more/showcase/_print/index.html b/more/showcase/_print/index.html
index b64e6ec791..6928474cd8 100644
--- a/more/showcase/_print/index.html
+++ b/more/showcase/_print/index.html
@@ -10,25 +10,26 @@
     <title>Showcase :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/more/showcase/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/more/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/more/showcase/">
     <div id="body" class="default-animation">
@@ -96,16 +97,16 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Showcase</h1>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><img src="/hugo-theme-relearn/more/showcase/images/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image"></p>
+<p><img src="/hugo-theme-relearn/more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image"></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/">BITS</a> by Dr. Lutz Gollan</h2>
-<p><img src="/hugo-theme-relearn/more/showcase/images/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image"></p>
+<p><img src="/hugo-theme-relearn/more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image"></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solutions</h2>
-<p><img src="/hugo-theme-relearn/more/showcase/images/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics"></p>
+<p><img src="/hugo-theme-relearn/more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics"></p>
 
             <footer class="footline">
             </footer>
@@ -185,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -266,7 +267,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +279,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -303,13 +304,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/more/showcase/bits-train.png b/more/showcase/bits-train.png
new file mode 100644
index 0000000000..870c072091
Binary files /dev/null and b/more/showcase/bits-train.png differ
diff --git a/more/showcase/gobolinux.png b/more/showcase/gobolinux.png
new file mode 100644
index 0000000000..35d04fd8a6
Binary files /dev/null and b/more/showcase/gobolinux.png differ
diff --git a/more/showcase/index.html b/more/showcase/index.html
index f92e8a2614..6026886260 100644
--- a/more/showcase/index.html
+++ b/more/showcase/index.html
@@ -10,25 +10,25 @@
     <title>Showcase :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/more/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/more/showcase/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/more/showcase/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/more/showcase/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -100,11 +100,11 @@
 <h1>Showcase</h1>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><img src="images/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image"></p>
+<p><img src="gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image"></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/">BITS</a> by Dr. Lutz Gollan</h2>
-<p><img src="images/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image"></p>
+<p><img src="bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image"></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solutions</h2>
-<p><img src="images/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics"></p>
+<p><img src="pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics"></p>
 
             <footer class="footline">
             </footer>
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -265,7 +265,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +277,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -302,13 +302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/more/showcase/pamasol-electrics-portal.png b/more/showcase/pamasol-electrics-portal.png
new file mode 100644
index 0000000000..3dd311e7c1
Binary files /dev/null and b/more/showcase/pamasol-electrics-portal.png differ
diff --git a/pir/404.html b/pir/404.html
index b26cfed840..44cb46ccdd 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -9,25 +9,25 @@
     <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="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,9 +41,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/pir/_print/cont/icons/index.html b/pir/_print/cont/icons/index.html
index eec03d5589..fbb8db4f92 100644
--- a/pir/_print/cont/icons/index.html
+++ b/pir/_print/cont/icons/index.html
@@ -10,25 +10,26 @@
     <title>Ay&#39;cons an&#39; logos :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/icons/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/icons/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/icons/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/tags/" title="Tags (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/menushortcuts/" title="Menu extrrra shorrrtcuts (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Ay&#39;cons an&#39; logos</h1>
 
@@ -196,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -277,7 +278,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -289,7 +290,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -314,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/cont/markdown/index.html b/pir/_print/cont/markdown/index.html
index 1cb71d1b46..e949c541d8 100644
--- a/pir/_print/cont/markdown/index.html
+++ b/pir/_print/cont/markdown/index.html
@@ -10,25 +10,26 @@
     <title>Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/markdown/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/markdown/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/syntaxhighlight/" title="Code highlight&#39;n (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/archetypes/" title="Arrrchetypes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/cont/markdown/">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Marrrkdown rules</h1>
 
@@ -669,12 +670,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -750,7 +751,7 @@ line 3 o' code
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -762,7 +763,7 @@ line 3 o' code
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -787,13 +788,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/cont/menushortcuts/index.html b/pir/_print/cont/menushortcuts/index.html
index baa06825eb..69f4fddff1 100644
--- a/pir/_print/cont/menushortcuts/index.html
+++ b/pir/_print/cont/menushortcuts/index.html
@@ -10,25 +10,26 @@
     <title>Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/menushortcuts/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/menushortcuts/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Menu extrrra shorrrtcuts</h1>
 
@@ -284,12 +285,12 @@ However, if ye want t' keep th' title but change its value, it can be overriden
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -365,7 +366,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -377,7 +378,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -402,13 +403,13 @@ However, if ye want t' keep th' title but change its value, it can be overriden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/cont/syntaxhighlight/index.html b/pir/_print/cont/syntaxhighlight/index.html
index 044fb4b6ea..4d86cd75bf 100644
--- a/pir/_print/cont/syntaxhighlight/index.html
+++ b/pir/_print/cont/syntaxhighlight/index.html
@@ -10,25 +10,26 @@
     <title>Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/syntaxhighlight/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/syntaxhighlight/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Code highlight&#39;n</h1>
 
@@ -221,12 +222,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,7 +303,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -314,7 +315,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -339,13 +340,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/cont/tags/index.html b/pir/_print/cont/tags/index.html
index a81db05315..4df2ac9b44 100644
--- a/pir/_print/cont/tags/index.html
+++ b/pir/_print/cont/tags/index.html
@@ -10,25 +10,26 @@
     <title>Tags :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/tags/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/tags/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/tags/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/" title="Shorrrtcodes (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/icons/" title="Ay&#39;cons an&#39; logos (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/cont/tags/">
@@ -89,7 +90,7 @@
   <a class="tag-link" href="/pir/tags/tutorrrial">tutorrrial</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Tags</h1>
 
@@ -197,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -278,7 +279,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -290,7 +291,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -315,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/index.html b/pir/_print/index.html
index a96351c2a8..1c1e40e9f8 100644
--- a/pir/_print/index.html
+++ b/pir/_print/index.html
@@ -10,25 +10,26 @@
     <title>Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/">
     <div id="body" class="default-animation">
@@ -83,7 +84,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="home">
 <h1>Cap&#39;n Hugo Relearrrn Theme</h1>
 
@@ -152,8 +153,8 @@
             </footer>
           </article>
 
-            <section>
-    
+              <section>
+		
           <article class="chapter">
 <div class="article-subheading">T&#39; chapterrr 1</div>
 <h1>Basics</h1>
@@ -173,7 +174,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>What&#39;s new</h1>
 
@@ -536,7 +537,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Requirrrements</h1>
 
@@ -549,14 +550,14 @@
 
 <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/">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
-<p><img src="/hugo-theme-relearn/basics/requirements/images/magic.gif?classes=shadow" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/pir/basics/requirements/magic.gif?classes=shadow" alt="Magic"></p>
 
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Installat&#39;n</h1>
 
@@ -591,7 +592,7 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.
 </span></span></code></pre></div><p>renders as</p>
-<p><img src="/hugo-theme-relearn/basics/installation/images/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
+<p><img src="/hugo-theme-relearn/pir/basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md
 </span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
@@ -628,7 +629,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Configurrrat&#39;n</h1>
 
@@ -769,14 +770,14 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 default values:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><img src="/hugo-theme-relearn/basics/configuration/images/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
+<p><img src="/hugo-theme-relearn/pir/basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
 
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Customizat&#39;n</h1>
 
@@ -791,8 +792,10 @@ default values:</p>
 <p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don&rsquo;t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/">follow this plank</a>. You&rsquo;d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
 <p>This theme defines th' follow'n partials :</p>
 <ul>
-<li><code>header.html</code>: th' header o' th' plank. <em>Not meant t' be overwritten</em></li>
-<li><code>footer.html</code>: th' footer o' th' plank.<em>Not meant t' be overwritten</em></li>
+<li><code>header.html</code>: th' header o' th' plank. See <a href="#output-formats">output-formats</a></li>
+<li><code>footer.html</code>: th' footer o' th' plank. See <a href="#output-formats">output-formats</a></li>
+<li><code>body.html</code>: th' body o' th' plank. Th' body may contain o' one or many articles. See <a href="#output-formats">output-formats</a></li>
+<li><code>article.html</code>: th' output fer a single article, can contain elements around yer rrrambl'n. See <a href="#output-formats">output-formats</a></li>
 <li><code>menu.html</code>: left menu. <em>Not meant t' be overwritten</em></li>
 <li><code>search.html</code>: search box. <em>Not meant t' be overwritten</em></li>
 <li><code>custom-header.html</code>: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don&rsquo;t forget t' include <code>style</code> HTML tag directive 'n yer file.</li>
@@ -846,13 +849,15 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
 </div>
 <h3 id="roll-your-own">Roll yer own</h3>
 <p>If ye be not happy wit' th' shipped variants ye can either copy one o' th' shipped files, edit them 'n a text editor an' configure th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> or just use th' <a href="/hugo-theme-relearn/pir/basics/generator/">interactive variant generator</a>.</p>
+<h3 id="output-formats">Output formats</h3>
+<p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p>
 
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Stylesheet generrrat&#39;r</h1>
 
@@ -908,7 +913,7 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
   </a>
 </span></p>
 <script>
-variants.generator( '#vargenerator', '.secondary a', '.warning a' );
+window.variants && variants.generator( '#vargenerator', '.secondary a', '.warning a' );
 </script>
 
 
@@ -916,7 +921,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Historrry</h1>
 
@@ -1519,7 +1524,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
           </article>
 
           </section>
-    
+		
           <article class="chapter">
 <div class="article-subheading">T&#39; chapterrr 2</div>
 <h1>Rambl&#39;n</h1>
@@ -1539,7 +1544,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Planks orrrganizat&#39;n</h1>
 
@@ -1622,7 +1627,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div><p><img src="/hugo-theme-relearn/cont/pages/images/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon"></p>
+</span></span></code></pre></div><p><img src="/hugo-theme-relearn/pir/cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon"></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -1657,7 +1662,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Arrrchetypes</h1>
 
@@ -1673,7 +1678,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
+<p><img src="/hugo-theme-relearn/pir/cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md
 </span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -1685,7 +1690,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.
 </span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
+<p><img src="/hugo-theme-relearn/pir/cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md
 </span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -1699,7 +1704,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
+<p><img src="/hugo-theme-relearn/pir/cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md
 </span></span></code></pre></div><p>or</p>
@@ -1724,7 +1729,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span></code></pre></div><h3 id="partials">Partials</h3>
 <p>T' define how yer archetypes be rendered, define correspond'n partial files 'n yer projects directory <code>layouts/partials/archetypes/&lt;kind&gt;</code>.</p>
 <p>If ye use an unknown archetype 'n yer frontmatter, th' <code>default</code> archetype will be used t' generate th' plank.</p>
-<p>Related t' each archetype, several <em>hook</em> partial files can be given. If a partial fer a specific hook be miss'n, no output be generated fer this hook.</p>
+<p>Related t' each archetype, several <em>hook</em> partial files 'n th' form o' <code>&lt;hook&gt;.html</code> can be given inside each archetype directory. If a partial fer a specific hook be miss'n, no output be generated fer this hook.</p>
 <p>Th' follow'n hooks be used:</p>
 <table>
 <thead>
@@ -1745,13 +1750,15 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </tbody>
 </table>
 <p>Take a look at th' exist'n archetypes o' this theme t' get an idea how t' utilize it.</p>
+<h4 id="output-formats">Output formats</h4>
+<p>Each hook file can be overridden o' a specific <a href="https://gohugo.io/templates/output-formats/">output format</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> t' change th' way how normal rrrambl'n be written fer that output format.</p>
 
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Marrrkdown rules</h1>
 
@@ -2261,7 +2268,7 @@ line 3 o' code
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Code highlight&#39;n</h1>
 
@@ -2323,7 +2330,7 @@ line 3 o' code
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Menu extrrra shorrrtcuts</h1>
 
@@ -2448,7 +2455,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Ay&#39;cons an&#39; logos</h1>
 
@@ -2485,7 +2492,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Multilingual an&#39; i18n</h1>
 
@@ -2503,7 +2510,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><img src="/hugo-theme-relearn/cont/i18n/images/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
+<p><img src="/hugo-theme-relearn/pir/cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -2591,7 +2598,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Tags</h1>
 
@@ -2626,7 +2633,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
           </article>
 
           </section>
-    
+		
           <article class="chapter">
 <div class="article-subheading">T&#39; chapterrr 3</div>
 <h1>Shorrrtcodes</h1>
@@ -2696,7 +2703,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Attachments</h1>
 
@@ -2879,7 +2886,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Button</h1>
 
@@ -3128,7 +3135,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Children</h1>
 
@@ -3332,7 +3339,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank X</h1>
 
@@ -3350,7 +3357,7 @@ So its rrrambl'n be used as descript'n.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Plank 1</h1>
 
@@ -3374,7 +3381,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1</h1>
 
@@ -3400,7 +3407,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2</h1>
 
@@ -3425,7 +3432,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-1</h1>
 
@@ -3443,7 +3450,7 @@ So its rrrambl'n be used as descript'n.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-2</h1>
 
@@ -3462,7 +3469,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           </section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-3</h1>
 
@@ -3482,7 +3489,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           </section>
           </section>
-    
+		
           <article class="default">
 <h1>Plank 2</h1>
 
@@ -3501,7 +3508,7 @@ So its rrrambl'n be used as descript'n.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Plank 3</h1>
 
@@ -3525,7 +3532,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 3-1</h1>
 
@@ -3545,7 +3552,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           </section>
           </section>
-    
+		
           <article class="default">
 <h1>Expand</h1>
 
@@ -3714,7 +3721,7 @@ No need t' press ye!
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Include</h1>
 
@@ -3815,7 +3822,7 @@ No need t' press ye!
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Math</h1>
 
@@ -3976,7 +3983,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Merrrmaid</h1>
 
@@ -4258,7 +4265,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Notice</h1>
 
@@ -4564,7 +4571,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Ship param</h1>
 
@@ -4647,7 +4654,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Swaggerrr</h1>
 
@@ -4750,7 +4757,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Tabbed views</h1>
 
@@ -4983,7 +4990,7 @@ classDiagram
           </article>
 
           </section>
-            </section>
+              </section>
         </div>
       </main>
     </div>
@@ -5058,12 +5065,12 @@ classDiagram
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -5139,7 +5146,7 @@ classDiagram
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -5151,7 +5158,7 @@ classDiagram
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -5176,13 +5183,13 @@ classDiagram
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/attachments/index.html b/pir/_print/shortcodes/attachments/index.html
index 13ebb13ec4..e40ad8eb99 100644
--- a/pir/_print/shortcodes/attachments/index.html
+++ b/pir/_print/shortcodes/attachments/index.html
@@ -10,25 +10,26 @@
     <title>Attachments :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/attachments/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/attachments/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/button/" title="Button (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/" title="Shorrrtcodes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/swagger/" title="Swaggerrr (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/shortcodes/attachments/">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Attachments</h1>
 
@@ -342,12 +343,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -423,7 +424,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -435,7 +436,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -460,13 +461,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/button/index.html b/pir/_print/shortcodes/button/index.html
index 91d029eee7..e938252c24 100644
--- a/pir/_print/shortcodes/button/index.html
+++ b/pir/_print/shortcodes/button/index.html
@@ -10,25 +10,26 @@
     <title>Button :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/button/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/button/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Children (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Attachments (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Button</h1>
 
@@ -408,12 +409,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -489,7 +490,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -501,7 +502,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -526,13 +527,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/children/children-3/test3/index.html b/pir/_print/shortcodes/children/children-3/test3/index.html
index a8e53cfcd3..bd6a99e94a 100644
--- a/pir/_print/shortcodes/children/children-3/test3/index.html
+++ b/pir/_print/shortcodes/children/children-3/test3/index.html
@@ -10,25 +10,26 @@
     <title>Plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" title="Plank 3 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -91,7 +92,7 @@
   <a class="tag-link" href="/pir/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 3-1</h1>
 
@@ -183,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -264,7 +265,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -276,7 +277,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -301,13 +302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/children/test/index.html b/pir/_print/shortcodes/children/test/index.html
index 7a7fcef867..75aa3ab945 100644
--- a/pir/_print/shortcodes/children/test/index.html
+++ b/pir/_print/shortcodes/children/test/index.html
@@ -10,25 +10,26 @@
     <title>Plank X :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/test/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/test/">
     <div id="body" class="default-animation">
@@ -53,10 +54,10 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" title="Plank 1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/swagger/" title="Swaggerrr (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Children (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/shortcodes/children/test/">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Plank X</h1>
 
@@ -178,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -259,7 +260,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -271,7 +272,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -296,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/expand/index.html b/pir/_print/shortcodes/expand/index.html
index 75af2cf305..a6e785cad1 100644
--- a/pir/_print/shortcodes/expand/index.html
+++ b/pir/_print/shortcodes/expand/index.html
@@ -10,25 +10,26 @@
     <title>Expand :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/expand/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/expand/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/include/" title="Include (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/button/" title="Button (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/shortcodes/expand/">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Expand</h1>
 
@@ -328,12 +329,12 @@ No need t' press ye!
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -409,7 +410,7 @@ No need t' press ye!
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -421,7 +422,7 @@ No need t' press ye!
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -446,13 +447,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/include/index.html b/pir/_print/shortcodes/include/index.html
index be597e794f..f6ab520f62 100644
--- a/pir/_print/shortcodes/include/index.html
+++ b/pir/_print/shortcodes/include/index.html
@@ -10,25 +10,26 @@
     <title>Include :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/include/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/include/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Include</h1>
 
@@ -260,12 +261,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -341,7 +342,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -353,7 +354,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -378,13 +379,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/math/index.html b/pir/_print/shortcodes/math/index.html
index 78e40f14a0..a5a7047c3b 100644
--- a/pir/_print/shortcodes/math/index.html
+++ b/pir/_print/shortcodes/math/index.html
@@ -10,25 +10,26 @@
     <title>Math :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/math/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/math/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Math</h1>
 
@@ -320,12 +321,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -401,7 +402,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -413,7 +414,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -438,13 +439,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/mermaid/index.html b/pir/_print/shortcodes/mermaid/index.html
index 2730a4e12b..24184f9cb2 100644
--- a/pir/_print/shortcodes/mermaid/index.html
+++ b/pir/_print/shortcodes/mermaid/index.html
@@ -10,25 +10,26 @@
     <title>Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/mermaid/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/mermaid/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Merrrmaid</h1>
 
@@ -441,12 +442,12 @@ classDiagram
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -522,7 +523,7 @@ classDiagram
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -534,7 +535,7 @@ classDiagram
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -559,13 +560,13 @@ classDiagram
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/notice/index.html b/pir/_print/shortcodes/notice/index.html
index f6d3dc4763..3386cbc096 100644
--- a/pir/_print/shortcodes/notice/index.html
+++ b/pir/_print/shortcodes/notice/index.html
@@ -10,25 +10,26 @@
     <title>Notice :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/notice/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/notice/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Notice</h1>
 
@@ -465,12 +466,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -546,7 +547,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -558,7 +559,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -583,13 +584,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/siteparam/index.html b/pir/_print/shortcodes/siteparam/index.html
index 59298b1cec..2934d56a6d 100644
--- a/pir/_print/shortcodes/siteparam/index.html
+++ b/pir/_print/shortcodes/siteparam/index.html
@@ -10,25 +10,26 @@
     <title>Ship param :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/siteparam/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/siteparam/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/swagger/" title="Swaggerrr (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/notice/" title="Notice (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Ship param</h1>
 
@@ -242,12 +243,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -323,7 +324,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -335,7 +336,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -360,13 +361,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/tabs/index.html b/pir/_print/shortcodes/tabs/index.html
index 630c89ebb1..a6d7166d5b 100644
--- a/pir/_print/shortcodes/tabs/index.html
+++ b/pir/_print/shortcodes/tabs/index.html
@@ -10,25 +10,26 @@
     <title>Tabbed views :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/tabs/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/tabs/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/swagger/" title="Swaggerrr (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/siteparam/" title="Ship param (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/shortcodes/tabs/">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Tabbed views</h1>
 
@@ -391,12 +392,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -472,7 +473,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -484,7 +485,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -509,13 +510,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/tests/chapters/1/index.html b/pir/_print/tests/chapters/1/index.html
index 0e152a74db..4b80b1abce 100644
--- a/pir/_print/tests/chapters/1/index.html
+++ b/pir/_print/tests/chapters/1/index.html
@@ -10,25 +10,26 @@
     <title>1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/1/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/chapters/1/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>1</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -231,7 +232,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -266,7 +266,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +278,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -303,13 +303,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/tests/chapters/10/index.html b/pir/_print/tests/chapters/10/index.html
index e7cb45a33d..1137c51865 100644
--- a/pir/_print/tests/chapters/10/index.html
+++ b/pir/_print/tests/chapters/10/index.html
@@ -10,25 +10,26 @@
     <title>11 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/10/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/10/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/chapters/10/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>11</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -231,7 +232,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -266,7 +266,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +278,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -303,13 +303,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/tests/chapters/2/index.html b/pir/_print/tests/chapters/2/index.html
index 06464a4b3c..808025a6b5 100644
--- a/pir/_print/tests/chapters/2/index.html
+++ b/pir/_print/tests/chapters/2/index.html
@@ -10,25 +10,26 @@
     <title>2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/2/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/2/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/chapters/2/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>2</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -231,7 +232,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -266,7 +266,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +278,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -303,13 +303,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/tests/chapters/3/index.html b/pir/_print/tests/chapters/3/index.html
index 1b6caacefb..93438f74ff 100644
--- a/pir/_print/tests/chapters/3/index.html
+++ b/pir/_print/tests/chapters/3/index.html
@@ -10,25 +10,26 @@
     <title>3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/3/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/3/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/chapters/3/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>3</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -231,7 +232,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -266,7 +266,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +278,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -303,13 +303,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/tests/chapters/4/index.html b/pir/_print/tests/chapters/4/index.html
index 2a634a6ee1..aae515a432 100644
--- a/pir/_print/tests/chapters/4/index.html
+++ b/pir/_print/tests/chapters/4/index.html
@@ -10,25 +10,26 @@
     <title>4 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/4/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/4/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/chapters/4/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>4</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -231,7 +232,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -266,7 +266,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +278,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -303,13 +303,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/tests/chapters/5/index.html b/pir/_print/tests/chapters/5/index.html
index e24cc11eee..c4bdbca784 100644
--- a/pir/_print/tests/chapters/5/index.html
+++ b/pir/_print/tests/chapters/5/index.html
@@ -10,25 +10,26 @@
     <title>5 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/5/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/5/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/chapters/5/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>5</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -231,7 +232,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -266,7 +266,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +278,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -303,13 +303,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/tests/chapters/6/index.html b/pir/_print/tests/chapters/6/index.html
index 81389c2a9e..c41757973c 100644
--- a/pir/_print/tests/chapters/6/index.html
+++ b/pir/_print/tests/chapters/6/index.html
@@ -10,25 +10,26 @@
     <title>6 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/6/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/6/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/chapters/6/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>6</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -231,7 +232,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -266,7 +266,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +278,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -303,13 +303,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/tests/chapters/7/index.html b/pir/_print/tests/chapters/7/index.html
index 4927a96071..6a78123728 100644
--- a/pir/_print/tests/chapters/7/index.html
+++ b/pir/_print/tests/chapters/7/index.html
@@ -10,25 +10,26 @@
     <title>7 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/7/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/7/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/chapters/7/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>7</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -231,7 +232,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -266,7 +266,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +278,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -303,13 +303,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/tests/chapters/8/index.html b/pir/_print/tests/chapters/8/index.html
index 08a03f0016..823fa2c648 100644
--- a/pir/_print/tests/chapters/8/index.html
+++ b/pir/_print/tests/chapters/8/index.html
@@ -10,25 +10,26 @@
     <title>8 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/8/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/8/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/chapters/8/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>8</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -231,7 +232,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -266,7 +266,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +278,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -303,13 +303,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/tests/chapters/9/index.html b/pir/_print/tests/chapters/9/index.html
index e7f6a00830..2439bd38ef 100644
--- a/pir/_print/tests/chapters/9/index.html
+++ b/pir/_print/tests/chapters/9/index.html
@@ -10,25 +10,26 @@
     <title>9 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/9/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/9/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/chapters/9/">
     <div id="body" class="default-animation">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>9</h1>
 
@@ -169,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -231,7 +232,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item active"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -266,7 +266,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +278,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -303,13 +303,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/_print/tests/width/index.html b/pir/_print/tests/width/index.html
index ea9441b04d..b54f75afb1 100644
--- a/pir/_print/tests/width/index.html
+++ b/pir/_print/tests/width/index.html
@@ -10,25 +10,26 @@
     <title>Width :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/width/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/width/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/width/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/links/" title="Links (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/images/" title="Images (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/tests/width/">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Width</h1>
 
@@ -190,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -252,7 +253,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item active"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -287,7 +287,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -299,7 +299,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/basics/_print/index.html b/pir/basics/_print/index.html
index 0cf0453b6d..945d348554 100644
--- a/pir/basics/_print/index.html
+++ b/pir/basics/_print/index.html
@@ -10,25 +10,26 @@
     <title>Basics :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/">
     <div id="body" class="default-animation">
@@ -84,7 +85,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="chapter">
 <div class="article-subheading">T&#39; chapterrr 1</div>
 <h1>Basics</h1>
@@ -104,7 +105,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>What&#39;s new</h1>
 
@@ -467,7 +468,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Requirrrements</h1>
 
@@ -480,14 +481,14 @@
 
 <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/">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
-<p><img src="/hugo-theme-relearn/basics/requirements/images/magic.gif?classes=shadow" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/pir/basics/requirements/magic.gif?classes=shadow" alt="Magic"></p>
 
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Installat&#39;n</h1>
 
@@ -522,7 +523,7 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.
 </span></span></code></pre></div><p>renders as</p>
-<p><img src="/hugo-theme-relearn/basics/installation/images/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
+<p><img src="/hugo-theme-relearn/pir/basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md
 </span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
@@ -559,7 +560,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Configurrrat&#39;n</h1>
 
@@ -700,14 +701,14 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 default values:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><img src="/hugo-theme-relearn/basics/configuration/images/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
+<p><img src="/hugo-theme-relearn/pir/basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
 
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Customizat&#39;n</h1>
 
@@ -722,8 +723,10 @@ default values:</p>
 <p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don&rsquo;t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/">follow this plank</a>. You&rsquo;d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
 <p>This theme defines th' follow'n partials :</p>
 <ul>
-<li><code>header.html</code>: th' header o' th' plank. <em>Not meant t' be overwritten</em></li>
-<li><code>footer.html</code>: th' footer o' th' plank.<em>Not meant t' be overwritten</em></li>
+<li><code>header.html</code>: th' header o' th' plank. See <a href="#output-formats">output-formats</a></li>
+<li><code>footer.html</code>: th' footer o' th' plank. See <a href="#output-formats">output-formats</a></li>
+<li><code>body.html</code>: th' body o' th' plank. Th' body may contain o' one or many articles. See <a href="#output-formats">output-formats</a></li>
+<li><code>article.html</code>: th' output fer a single article, can contain elements around yer rrrambl'n. See <a href="#output-formats">output-formats</a></li>
 <li><code>menu.html</code>: left menu. <em>Not meant t' be overwritten</em></li>
 <li><code>search.html</code>: search box. <em>Not meant t' be overwritten</em></li>
 <li><code>custom-header.html</code>: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don&rsquo;t forget t' include <code>style</code> HTML tag directive 'n yer file.</li>
@@ -777,13 +780,15 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
 </div>
 <h3 id="roll-your-own">Roll yer own</h3>
 <p>If ye be not happy wit' th' shipped variants ye can either copy one o' th' shipped files, edit them 'n a text editor an' configure th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> or just use th' <a href="/hugo-theme-relearn/pir/basics/generator/">interactive variant generator</a>.</p>
+<h3 id="output-formats">Output formats</h3>
+<p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p>
 
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Stylesheet generrrat&#39;r</h1>
 
@@ -839,7 +844,7 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
   </a>
 </span></p>
 <script>
-variants.generator( '#vargenerator', '.secondary a', '.warning a' );
+window.variants && variants.generator( '#vargenerator', '.secondary a', '.warning a' );
 </script>
 
 
@@ -847,7 +852,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Historrry</h1>
 
@@ -1524,12 +1529,12 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1605,7 +1610,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -1617,7 +1622,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -1642,13 +1647,13 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/_print/index.html b/pir/basics/configuration/_print/index.html
index c2fd9f5906..288b540290 100644
--- a/pir/basics/configuration/_print/index.html
+++ b/pir/basics/configuration/_print/index.html
@@ -10,25 +10,26 @@
     <title>Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/configuration/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/configuration/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Configurrrat&#39;n</h1>
 
@@ -226,7 +227,7 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 default values:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><img src="/hugo-theme-relearn/basics/configuration/images/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
+<p><img src="/hugo-theme-relearn/pir/basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
 
 
             <footer class="footline">
@@ -307,12 +308,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -388,7 +389,7 @@ default values:</p>
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -400,7 +401,7 @@ default values:</p>
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -425,13 +426,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/home_button_defaults.png b/pir/basics/configuration/home_button_defaults.png
new file mode 100644
index 0000000000..ef63acbaca
Binary files /dev/null and b/pir/basics/configuration/home_button_defaults.png differ
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index 72e0357eb0..5b86366b40 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -10,25 +10,25 @@
     <title>Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/configuration/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/configuration/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/basics/configuration/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -225,7 +225,7 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 default values:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><img src="/hugo-theme-relearn/basics/configuration/images/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
+<p><img src="home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button"></p>
 
 
             <footer class="footline">
@@ -306,12 +306,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -387,7 +387,7 @@ default values:</p>
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -399,7 +399,7 @@ default values:</p>
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -424,13 +424,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/_print/index.html b/pir/basics/customization/_print/index.html
index 7cc3a38167..f40d4e1d79 100644
--- a/pir/basics/customization/_print/index.html
+++ b/pir/basics/customization/_print/index.html
@@ -10,25 +10,26 @@
     <title>Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/customization/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/customization/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Customizat&#39;n</h1>
 
@@ -100,8 +101,10 @@
 <p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don&rsquo;t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/">follow this plank</a>. You&rsquo;d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
 <p>This theme defines th' follow'n partials :</p>
 <ul>
-<li><code>header.html</code>: th' header o' th' plank. <em>Not meant t' be overwritten</em></li>
-<li><code>footer.html</code>: th' footer o' th' plank.<em>Not meant t' be overwritten</em></li>
+<li><code>header.html</code>: th' header o' th' plank. See <a href="#output-formats">output-formats</a></li>
+<li><code>footer.html</code>: th' footer o' th' plank. See <a href="#output-formats">output-formats</a></li>
+<li><code>body.html</code>: th' body o' th' plank. Th' body may contain o' one or many articles. See <a href="#output-formats">output-formats</a></li>
+<li><code>article.html</code>: th' output fer a single article, can contain elements around yer rrrambl'n. See <a href="#output-formats">output-formats</a></li>
 <li><code>menu.html</code>: left menu. <em>Not meant t' be overwritten</em></li>
 <li><code>search.html</code>: search box. <em>Not meant t' be overwritten</em></li>
 <li><code>custom-header.html</code>: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don&rsquo;t forget t' include <code>style</code> HTML tag directive 'n yer file.</li>
@@ -155,6 +158,8 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
 </div>
 <h3 id="roll-your-own">Roll yer own</h3>
 <p>If ye be not happy wit' th' shipped variants ye can either copy one o' th' shipped files, edit them 'n a text editor an' configure th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> or just use th' <a href="/hugo-theme-relearn/pir/basics/generator/">interactive variant generator</a>.</p>
+<h3 id="output-formats">Output formats</h3>
+<p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p>
 
 
             <footer class="footline">
@@ -235,12 +240,12 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,7 +321,7 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -328,7 +333,7 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -353,13 +358,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 70af247d03..94c6627e63 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -10,25 +10,25 @@
     <title>Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/customization/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/customization/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/basics/customization/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -99,8 +99,10 @@
 <p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don&rsquo;t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/">follow this plank</a>. You&rsquo;d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
 <p>This theme defines th' follow'n partials :</p>
 <ul>
-<li><code>header.html</code>: th' header o' th' plank. <em>Not meant t' be overwritten</em></li>
-<li><code>footer.html</code>: th' footer o' th' plank.<em>Not meant t' be overwritten</em></li>
+<li><code>header.html</code>: th' header o' th' plank. See <a href="#output-formats">output-formats</a></li>
+<li><code>footer.html</code>: th' footer o' th' plank. See <a href="#output-formats">output-formats</a></li>
+<li><code>body.html</code>: th' body o' th' plank. Th' body may contain o' one or many articles. See <a href="#output-formats">output-formats</a></li>
+<li><code>article.html</code>: th' output fer a single article, can contain elements around yer rrrambl'n. See <a href="#output-formats">output-formats</a></li>
 <li><code>menu.html</code>: left menu. <em>Not meant t' be overwritten</em></li>
 <li><code>search.html</code>: search box. <em>Not meant t' be overwritten</em></li>
 <li><code>custom-header.html</code>: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don&rsquo;t forget t' include <code>style</code> HTML tag directive 'n yer file.</li>
@@ -154,6 +156,8 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
 </div>
 <h3 id="roll-your-own">Roll yer own</h3>
 <p>If ye be not happy wit' th' shipped variants ye can either copy one o' th' shipped files, edit them 'n a text editor an' configure th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> or just use th' <a href="/hugo-theme-relearn/pir/basics/generator/">interactive variant generator</a>.</p>
+<h3 id="output-formats">Output formats</h3>
+<p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p>
 
 
             <footer class="footline">
@@ -234,12 +238,12 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -315,7 +319,7 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -327,7 +331,7 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -352,13 +356,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/_print/index.html b/pir/basics/generator/_print/index.html
index a7c5387d10..d8f1bde88d 100644
--- a/pir/basics/generator/_print/index.html
+++ b/pir/basics/generator/_print/index.html
@@ -10,25 +10,26 @@
     <title>Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/generator/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/generator/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Stylesheet generrrat&#39;r</h1>
 
@@ -141,7 +142,7 @@
   </a>
 </span></p>
 <script>
-variants.generator( '#vargenerator', '.secondary a', '.warning a' );
+window.variants && variants.generator( '#vargenerator', '.secondary a', '.warning a' );
 </script>
 
 
@@ -223,12 +224,12 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -304,7 +305,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -316,7 +317,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -341,13 +342,13 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 5199412679..f5df06969a 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -10,25 +10,25 @@
     <title>Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/generator/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/generator/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/basics/generator/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -140,7 +140,7 @@
   </a>
 </span></p>
 <script>
-variants.generator( '#vargenerator', '.secondary a', '.warning a' );
+window.variants && variants.generator( '#vargenerator', '.secondary a', '.warning a' );
 </script>
 
 
@@ -222,12 +222,12 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -303,7 +303,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -315,7 +315,7 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -340,13 +340,13 @@ variants.generator( '#vargenerator', '.secondary a', '.warning a' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/_print/index.html b/pir/basics/history/_print/index.html
index 78cd020679..33adbd0e37 100644
--- a/pir/basics/history/_print/index.html
+++ b/pir/basics/history/_print/index.html
@@ -10,25 +10,26 @@
     <title>Historrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/history/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/history/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Historrry</h1>
 
@@ -761,12 +762,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -842,7 +843,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -854,7 +855,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -879,13 +880,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 397d7df668..ce794cde2c 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -10,25 +10,25 @@
     <title>Historrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/history/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/history/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/basics/history/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -760,12 +760,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -841,7 +841,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -853,7 +853,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -878,13 +878,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 4a328b9f29..0cbc3be69e 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -10,25 +10,25 @@
     <title>Basics :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/basics/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -257,7 +257,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -269,7 +269,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/_print/index.html b/pir/basics/installation/_print/index.html
index 7f31fb7a81..5ada7ff7e4 100644
--- a/pir/basics/installation/_print/index.html
+++ b/pir/basics/installation/_print/index.html
@@ -10,25 +10,26 @@
     <title>Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/installation/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/installation/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Installat&#39;n</h1>
 
@@ -120,7 +121,7 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.
 </span></span></code></pre></div><p>renders as</p>
-<p><img src="/hugo-theme-relearn/basics/installation/images/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
+<p><img src="/hugo-theme-relearn/pir/basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md
 </span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
@@ -231,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,7 +313,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -324,7 +325,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -349,13 +350,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/chapter.png b/pir/basics/installation/chapter.png
new file mode 100644
index 0000000000..21ca9adc24
Binary files /dev/null and b/pir/basics/installation/chapter.png differ
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index bd6bb4cc78..4265ba9d90 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -10,25 +10,25 @@
     <title>Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/installation/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/installation/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/basics/installation/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -119,7 +119,7 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.
 </span></span></code></pre></div><p>renders as</p>
-<p><img src="/hugo-theme-relearn/basics/installation/images/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
+<p><img src="chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter"></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md
 </span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
@@ -230,12 +230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -311,7 +311,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -323,7 +323,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -348,13 +348,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/_print/index.html b/pir/basics/migration/_print/index.html
index 698a2e4303..38f99bffce 100644
--- a/pir/basics/migration/_print/index.html
+++ b/pir/basics/migration/_print/index.html
@@ -10,25 +10,26 @@
     <title>What&#39;s new :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/migration/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/migration/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>What&#39;s new</h1>
 
@@ -522,12 +523,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -603,7 +604,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -615,7 +616,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -640,13 +641,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index cd0048a540..ffe5c8a8e6 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -10,25 +10,25 @@
     <title>What&#39;s new :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/migration/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/migration/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/basics/migration/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -521,12 +521,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -602,7 +602,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -614,7 +614,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -639,13 +639,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/_print/index.html b/pir/basics/requirements/_print/index.html
index 02509bdadc..58231477d8 100644
--- a/pir/basics/requirements/_print/index.html
+++ b/pir/basics/requirements/_print/index.html
@@ -10,25 +10,26 @@
     <title>Requirrrements :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/requirements/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/requirements/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Requirrrements</h1>
 
@@ -98,7 +99,7 @@
 
 <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/">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
-<p><img src="/hugo-theme-relearn/basics/requirements/images/magic.gif?classes=shadow" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/pir/basics/requirements/magic.gif?classes=shadow" alt="Magic"></p>
 
 
             <footer class="footline">
@@ -179,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -260,7 +261,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -272,7 +273,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -297,13 +298,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index 8cffc47cdf..a0efc616cf 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -10,25 +10,25 @@
     <title>Requirrrements :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/basics/requirements/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/requirements/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/basics/requirements/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -97,7 +97,7 @@
 
 <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/">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac) : it&rsquo;s that simple.</p>
-<p><img src="/hugo-theme-relearn/basics/requirements/images/magic.gif?classes=shadow" alt="Magic"></p>
+<p><img src="magic.gif?classes=shadow" alt="Magic"></p>
 
 
             <footer class="footline">
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -259,7 +259,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -271,7 +271,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/magic.gif b/pir/basics/requirements/magic.gif
new file mode 100644
index 0000000000..235c4edb32
Binary files /dev/null and b/pir/basics/requirements/magic.gif differ
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 28d117a120..5b650f4e97 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>Categories :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/categories/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/categories/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/categories/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -156,12 +156,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -237,7 +237,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -249,7 +249,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -274,13 +274,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/cont/_print/index.html b/pir/cont/_print/index.html
index 18bffce06d..11a374d6b3 100644
--- a/pir/cont/_print/index.html
+++ b/pir/cont/_print/index.html
@@ -10,25 +10,26 @@
     <title>Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/">
     <div id="body" class="default-animation">
@@ -84,7 +85,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="chapter">
 <div class="article-subheading">T&#39; chapterrr 2</div>
 <h1>Rambl&#39;n</h1>
@@ -104,7 +105,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Planks orrrganizat&#39;n</h1>
 
@@ -187,7 +188,7 @@
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div><p><img src="/hugo-theme-relearn/cont/pages/images/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon"></p>
+</span></span></code></pre></div><p><img src="/hugo-theme-relearn/pir/cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon"></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -222,7 +223,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Arrrchetypes</h1>
 
@@ -238,7 +239,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
+<p><img src="/hugo-theme-relearn/pir/cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md
 </span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -250,7 +251,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.
 </span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
+<p><img src="/hugo-theme-relearn/pir/cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md
 </span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -264,7 +265,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
+<p><img src="/hugo-theme-relearn/pir/cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md
 </span></span></code></pre></div><p>or</p>
@@ -289,7 +290,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span></code></pre></div><h3 id="partials">Partials</h3>
 <p>T' define how yer archetypes be rendered, define correspond'n partial files 'n yer projects directory <code>layouts/partials/archetypes/&lt;kind&gt;</code>.</p>
 <p>If ye use an unknown archetype 'n yer frontmatter, th' <code>default</code> archetype will be used t' generate th' plank.</p>
-<p>Related t' each archetype, several <em>hook</em> partial files can be given. If a partial fer a specific hook be miss'n, no output be generated fer this hook.</p>
+<p>Related t' each archetype, several <em>hook</em> partial files 'n th' form o' <code>&lt;hook&gt;.html</code> can be given inside each archetype directory. If a partial fer a specific hook be miss'n, no output be generated fer this hook.</p>
 <p>Th' follow'n hooks be used:</p>
 <table>
 <thead>
@@ -310,13 +311,15 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </tbody>
 </table>
 <p>Take a look at th' exist'n archetypes o' this theme t' get an idea how t' utilize it.</p>
+<h4 id="output-formats">Output formats</h4>
+<p>Each hook file can be overridden o' a specific <a href="https://gohugo.io/templates/output-formats/">output format</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> t' change th' way how normal rrrambl'n be written fer that output format.</p>
 
 
             <footer class="footline">
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Marrrkdown rules</h1>
 
@@ -826,7 +829,7 @@ line 3 o' code
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Code highlight&#39;n</h1>
 
@@ -888,7 +891,7 @@ line 3 o' code
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Menu extrrra shorrrtcuts</h1>
 
@@ -1013,7 +1016,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Ay&#39;cons an&#39; logos</h1>
 
@@ -1050,7 +1053,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Multilingual an&#39; i18n</h1>
 
@@ -1068,7 +1071,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><img src="/hugo-theme-relearn/cont/i18n/images/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
+<p><img src="/hugo-theme-relearn/pir/cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -1156,7 +1159,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Tags</h1>
 
@@ -1265,12 +1268,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1346,7 +1349,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -1358,7 +1361,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -1383,13 +1386,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/_print/index.html b/pir/cont/archetypes/_print/index.html
index fbe13b908a..c91b65b6ae 100644
--- a/pir/cont/archetypes/_print/index.html
+++ b/pir/cont/archetypes/_print/index.html
@@ -10,25 +10,26 @@
     <title>Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/archetypes/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/archetypes/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/markdown/" title="Marrrkdown rules (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/pages/" title="Planks orrrganizat&#39;n (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Arrrchetypes</h1>
 
@@ -101,7 +102,7 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
+<p><img src="/hugo-theme-relearn/pir/cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md
 </span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -113,7 +114,7 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.
 </span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
+<p><img src="/hugo-theme-relearn/pir/cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md
 </span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -127,7 +128,7 @@
 </span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
+<p><img src="/hugo-theme-relearn/pir/cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md
 </span></span></code></pre></div><p>or</p>
@@ -152,7 +153,7 @@
 </span></span></code></pre></div><h3 id="partials">Partials</h3>
 <p>T' define how yer archetypes be rendered, define correspond'n partial files 'n yer projects directory <code>layouts/partials/archetypes/&lt;kind&gt;</code>.</p>
 <p>If ye use an unknown archetype 'n yer frontmatter, th' <code>default</code> archetype will be used t' generate th' plank.</p>
-<p>Related t' each archetype, several <em>hook</em> partial files can be given. If a partial fer a specific hook be miss'n, no output be generated fer this hook.</p>
+<p>Related t' each archetype, several <em>hook</em> partial files 'n th' form o' <code>&lt;hook&gt;.html</code> can be given inside each archetype directory. If a partial fer a specific hook be miss'n, no output be generated fer this hook.</p>
 <p>Th' follow'n hooks be used:</p>
 <table>
 <thead>
@@ -173,6 +174,8 @@
 </tbody>
 </table>
 <p>Take a look at th' exist'n archetypes o' this theme t' get an idea how t' utilize it.</p>
+<h4 id="output-formats">Output formats</h4>
+<p>Each hook file can be overridden o' a specific <a href="https://gohugo.io/templates/output-formats/">output format</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> t' change th' way how normal rrrambl'n be written fer that output format.</p>
 
 
             <footer class="footline">
@@ -253,12 +256,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -334,7 +337,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -346,7 +349,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -371,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 8ee7111678..494c4cb4e6 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -10,25 +10,25 @@
     <title>Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/archetypes/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/archetypes/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/cont/archetypes/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/markdown/" title="Marrrkdown rules (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/pages/" title="Planks orrrganizat&#39;n (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -100,7 +100,7 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
+<p><img src="pages-home.png?classes=shadow&amp;width=60pc" alt="Home page"></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md
 </span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -112,7 +112,7 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.
 </span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
+<p><img src="pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page"></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md
 </span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -126,7 +126,7 @@
 </span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><img src="/hugo-theme-relearn/cont/archetypes/images/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
+<p><img src="pages-default.png?classes=shadow&amp;width=60pc" alt="Default page"></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md
 </span></span></code></pre></div><p>or</p>
@@ -151,7 +151,7 @@
 </span></span></code></pre></div><h3 id="partials">Partials</h3>
 <p>T' define how yer archetypes be rendered, define correspond'n partial files 'n yer projects directory <code>layouts/partials/archetypes/&lt;kind&gt;</code>.</p>
 <p>If ye use an unknown archetype 'n yer frontmatter, th' <code>default</code> archetype will be used t' generate th' plank.</p>
-<p>Related t' each archetype, several <em>hook</em> partial files can be given. If a partial fer a specific hook be miss'n, no output be generated fer this hook.</p>
+<p>Related t' each archetype, several <em>hook</em> partial files 'n th' form o' <code>&lt;hook&gt;.html</code> can be given inside each archetype directory. If a partial fer a specific hook be miss'n, no output be generated fer this hook.</p>
 <p>Th' follow'n hooks be used:</p>
 <table>
 <thead>
@@ -172,6 +172,8 @@
 </tbody>
 </table>
 <p>Take a look at th' exist'n archetypes o' this theme t' get an idea how t' utilize it.</p>
+<h4 id="output-formats">Output formats</h4>
+<p>Each hook file can be overridden o' a specific <a href="https://gohugo.io/templates/output-formats/">output format</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> t' change th' way how normal rrrambl'n be written fer that output format.</p>
 
 
             <footer class="footline">
@@ -252,12 +254,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -333,7 +335,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -345,7 +347,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -370,13 +372,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/pages-chapter.png b/pir/cont/archetypes/pages-chapter.png
new file mode 100644
index 0000000000..dd340fa0a8
Binary files /dev/null and b/pir/cont/archetypes/pages-chapter.png differ
diff --git a/pir/cont/archetypes/pages-default.png b/pir/cont/archetypes/pages-default.png
new file mode 100644
index 0000000000..071b43a79f
Binary files /dev/null and b/pir/cont/archetypes/pages-default.png differ
diff --git a/pir/cont/archetypes/pages-home.png b/pir/cont/archetypes/pages-home.png
new file mode 100644
index 0000000000..8f7df2474b
Binary files /dev/null and b/pir/cont/archetypes/pages-home.png differ
diff --git a/pir/cont/i18n/_print/index.html b/pir/cont/i18n/_print/index.html
index 31d7024ad9..c375443dfa 100644
--- a/pir/cont/i18n/_print/index.html
+++ b/pir/cont/i18n/_print/index.html
@@ -10,25 +10,26 @@
     <title>Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/i18n/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/i18n/">
     <div id="body" class="default-animation">
@@ -53,10 +54,10 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/tags/" title="Tags (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/markdown/" title="Marrrkdown rules (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/icons/" title="Ay&#39;cons an&#39; logos (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/archetypes/" title="Arrrchetypes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/cont/i18n/_print/">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Multilingual an&#39; i18n</h1>
 
@@ -103,7 +104,7 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><img src="/hugo-theme-relearn/cont/i18n/images/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
+<p><img src="/hugo-theme-relearn/pir/cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -265,12 +266,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -346,7 +347,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -358,7 +359,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -383,13 +384,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/i18n-menu.gif b/pir/cont/i18n/i18n-menu.gif
new file mode 100644
index 0000000000..dd5d002a8c
Binary files /dev/null and b/pir/cont/i18n/i18n-menu.gif differ
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index a0a30eabe0..1806177adb 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -10,25 +10,25 @@
     <title>Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/i18n/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,21 +42,21 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/i18n/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/cont/i18n/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/tags/" title="Tags (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/markdown/" title="Marrrkdown rules (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/icons/" title="Ay&#39;cons an&#39; logos (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/archetypes/" title="Arrrchetypes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/cont/i18n/_print/">
@@ -102,7 +102,7 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><img src="/hugo-theme-relearn/cont/i18n/images/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
+<p><img src="i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu"></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -264,12 +264,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -345,7 +345,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -357,7 +357,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -382,13 +382,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/cont/icons/index.html b/pir/cont/icons/index.html
index 4d17543597..eadf6395c2 100644
--- a/pir/cont/icons/index.html
+++ b/pir/cont/icons/index.html
@@ -10,25 +10,25 @@
     <title>Ay&#39;cons an&#39; logos :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/icons/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/cont/icons/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234285" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234285" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234285" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234285"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/icons/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/cont/icons/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/tags/" title="Tags (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/menushortcuts/" title="Menu extrrra shorrrtcuts (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -195,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234285" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -276,7 +276,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -288,7 +288,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234285"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index 4472db1c0e..930a750040 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -10,25 +10,25 @@
     <title>Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/cont/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -257,7 +257,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -269,7 +269,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 01174d43e4..7896eddcd5 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -10,25 +10,25 @@
     <title>Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/cont/markdown/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234285" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234285" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234285" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234285"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/markdown/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/cont/markdown/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/syntaxhighlight/" title="Code highlight&#39;n (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/archetypes/" title="Arrrchetypes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/cont/markdown/">
@@ -668,12 +668,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234285" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -749,7 +749,7 @@ line 3 o' code
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -761,7 +761,7 @@ line 3 o' code
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -786,13 +786,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234285"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index a6b8d1c318..1690755633 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -10,25 +10,25 @@
     <title>Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/cont/menushortcuts/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234285" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234285" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234285" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234285"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/menushortcuts/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/cont/menushortcuts/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -283,12 +283,12 @@ However, if ye want t' keep th' title but change its value, it can be overriden
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234285" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -364,7 +364,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -376,7 +376,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -401,13 +401,13 @@ However, if ye want t' keep th' title but change its value, it can be overriden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234285"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/_print/index.html b/pir/cont/pages/_print/index.html
index d774c1be65..7d5f564a66 100644
--- a/pir/cont/pages/_print/index.html
+++ b/pir/cont/pages/_print/index.html
@@ -10,25 +10,26 @@
     <title>Planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/pages/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/pages/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Planks orrrganizat&#39;n</h1>
 
@@ -168,7 +169,7 @@
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div><p><img src="/hugo-theme-relearn/cont/pages/images/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon"></p>
+</span></span></code></pre></div><p><img src="/hugo-theme-relearn/pir/cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon"></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -277,12 +278,12 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -358,7 +359,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -370,7 +371,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -395,13 +396,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/frontmatter-icon.png b/pir/cont/pages/frontmatter-icon.png
new file mode 100644
index 0000000000..8614767a03
Binary files /dev/null and b/pir/cont/pages/frontmatter-icon.png differ
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 683b013a32..46597418e3 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -10,25 +10,25 @@
     <title>Planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/cont/pages/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/pages/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/cont/pages/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -167,7 +167,7 @@
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div><p><img src="/hugo-theme-relearn/cont/pages/images/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon"></p>
+</span></span></code></pre></div><p><img src="frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon"></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -276,12 +276,12 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -357,7 +357,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -369,7 +369,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -394,13 +394,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.html b/pir/cont/syntaxhighlight/index.html
index 9b71df024e..cea92df0f4 100644
--- a/pir/cont/syntaxhighlight/index.html
+++ b/pir/cont/syntaxhighlight/index.html
@@ -10,25 +10,25 @@
     <title>Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/cont/syntaxhighlight/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234285" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234285" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234285" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234285"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/syntaxhighlight/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/cont/syntaxhighlight/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -220,12 +220,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234285" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,7 +301,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -313,7 +313,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234285"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/cont/tags/index.html b/pir/cont/tags/index.html
index d1c12bd545..f12289fd33 100644
--- a/pir/cont/tags/index.html
+++ b/pir/cont/tags/index.html
@@ -10,25 +10,25 @@
     <title>Tags :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/cont/tags/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/cont/tags/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234285" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234285" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234285" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234285"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/tags/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/cont/tags/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/" title="Shorrrtcodes (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/icons/" title="Ay&#39;cons an&#39; logos (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/cont/tags/">
@@ -196,12 +196,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234285" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -277,7 +277,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -289,7 +289,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234285"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 50d40d0e7f..e8877f91c5 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -10,25 +10,25 @@
     <title>Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -225,12 +225,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,7 +306,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -318,7 +318,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -343,13 +343,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/index.json b/pir/index.json
index 7acde45e29..70f42bf968 100644
--- a/pir/index.json
+++ b/pir/index.json
@@ -35,7 +35,7 @@
     "uri": "/hugo-theme-relearn/pir/shortcodes/"
   },
   {
-    "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.\nSome planks fer internal test'n o' differnt styles\nChapters Start yer success story. Now!\nCode Some test'n fer different styles used 'n rules highlightn'n an' preformatted blocks\nImages Some test'n fer different styles o' image links\nLinks Some test'n fer different styles o' links\nWidth Test dynamic width resiz'n o' rrrambl'n if scrollbar be present\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.\nSome planks fer internal test'n o' differnt styles\nChapters Start yer success story. Now!\nCode Some test'n fer different styles used 'n rules highlightn'n an' preformatted blocks\nImages Some test'n fer different styles o' image links\nWidth Test dynamic width resiz'n o' rrrambl'n if scrollbar be present\n",
     "description": "",
     "tags": null,
     "title": "Tests",
@@ -49,7 +49,7 @@
     "uri": "/hugo-theme-relearn/pir/cont/pages/"
   },
   {
-    "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.\nUs'n th' command: hugo new [relative new rrrambl'n path], ye can start a rrrambl'n file wit' th' date an' title automatically set. While this be a welcome feature, active writers need more: archetypes. These be preconfigured skeleton planks wit' default frontmatter.\nTh' Relearrrn theme defines some few archetypes o' planks but ye be free t' define new ones t' yer lik'n. All can be used at any level o' th' documentat'n, th' only difference be'n th' layout o' th' rrrambl'n.\nPredefined Archetypes Home A Home plank be th' start'n plank o' yer project. It’s best t' have only one plank o' this kind 'n yer project.\nT' create a home plank, run th' follow'n command\nhugo new --kind home _index.md This leads t' a file wit' th' follow'n rrrambl'n\n+++ archetype = \"home\" title = \"{{ replace .Name \"-\" \" \" | title }}\" +++ Lorem Ipsum. Chapter A Chapter displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.\nT' create a chapter plank, run th' follow'n command\nhugo new --kind chapter \u003cname\u003e/_index.md This leads t' a file wit' th' follow'n rrrambl'n\n+++ archetype = \"chapter\" title = \"{{ replace .Name \"-\" \" \" | title }}\" weight = X +++ Lorem Ipsum. Replace th' X wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.\nDefault A Default plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.\nT' create a default plank, run either one o' th' follow'n commands\nhugo new \u003cchapter\u003e/\u003cname\u003e/_index.md or\nhugo new \u003cchapter\u003e/\u003cname\u003e.md This leads t' a file wit' th' follow'n rrrambl'n\n+++ title = \"{{ replace .Name \"-\" \" \" | title }}\" weight = X +++ Lorem Ipsum. Replace th' X wit' a number or delete th' whole weight parameter entirly.\nSelfdefined Archetypes If ye be 'n need o' further archetypes ye can define yer own or even redefine exist'n ones.\nTemplate Define a template file 'n yer project at archetypes/\u003ckind\u003e.md an' make sure it has at least th' frontmatter parameter fer that archetype like\n+++ archetype = \"\u003ckind\u003e\" +++ Afterwards ye can generate new rrrambl'n files o' that kind wit' th' follw'n command\nhugo new --kind \u003ckind\u003e \u003cname\u003e/_index.md Partials T' define how yer archetypes be rendered, define correspond'n partial files 'n yer projects directory layouts/partials/archetypes/\u003ckind\u003e.\nIf ye use an unknown archetype 'n yer frontmatter, th' default archetype will be used t' generate th' plank.\nRelated t' each archetype, several hook partial files can be given. If a partial fer a specific hook be miss'n, no output be generated fer this hook.\nTh' follow'n hooks be used:\nName Notes styleclass Defines a set o' CSS classes t' be added t' th' HTML’s \u003cmain\u003e element. Ye can use these classes t' define own CSS rules 'n yer custom-header.html article Defines th' HTML how t' render yer rrrambl'n Take a look at th' exist'n archetypes o' this theme t' get an idea how t' utilize it.\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.\nUs'n th' command: hugo new [relative new rrrambl'n path], ye can start a rrrambl'n file wit' th' date an' title automatically set. While this be a welcome feature, active writers need more: archetypes. These be preconfigured skeleton planks wit' default frontmatter.\nTh' Relearrrn theme defines some few archetypes o' planks but ye be free t' define new ones t' yer lik'n. All can be used at any level o' th' documentat'n, th' only difference be'n th' layout o' th' rrrambl'n.\nPredefined Archetypes Home A Home plank be th' start'n plank o' yer project. It’s best t' have only one plank o' this kind 'n yer project.\nT' create a home plank, run th' follow'n command\nhugo new --kind home _index.md This leads t' a file wit' th' follow'n rrrambl'n\n+++ archetype = \"home\" title = \"{{ replace .Name \"-\" \" \" | title }}\" +++ Lorem Ipsum. Chapter A Chapter displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.\nT' create a chapter plank, run th' follow'n command\nhugo new --kind chapter \u003cname\u003e/_index.md This leads t' a file wit' th' follow'n rrrambl'n\n+++ archetype = \"chapter\" title = \"{{ replace .Name \"-\" \" \" | title }}\" weight = X +++ Lorem Ipsum. Replace th' X wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.\nDefault A Default plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.\nT' create a default plank, run either one o' th' follow'n commands\nhugo new \u003cchapter\u003e/\u003cname\u003e/_index.md or\nhugo new \u003cchapter\u003e/\u003cname\u003e.md This leads t' a file wit' th' follow'n rrrambl'n\n+++ title = \"{{ replace .Name \"-\" \" \" | title }}\" weight = X +++ Lorem Ipsum. Replace th' X wit' a number or delete th' whole weight parameter entirly.\nSelfdefined Archetypes If ye be 'n need o' further archetypes ye can define yer own or even redefine exist'n ones.\nTemplate Define a template file 'n yer project at archetypes/\u003ckind\u003e.md an' make sure it has at least th' frontmatter parameter fer that archetype like\n+++ archetype = \"\u003ckind\u003e\" +++ Afterwards ye can generate new rrrambl'n files o' that kind wit' th' follw'n command\nhugo new --kind \u003ckind\u003e \u003cname\u003e/_index.md Partials T' define how yer archetypes be rendered, define correspond'n partial files 'n yer projects directory layouts/partials/archetypes/\u003ckind\u003e.\nIf ye use an unknown archetype 'n yer frontmatter, th' default archetype will be used t' generate th' plank.\nRelated t' each archetype, several hook partial files 'n th' form o' \u003chook\u003e.html can be given inside each archetype directory. If a partial fer a specific hook be miss'n, no output be generated fer this hook.\nTh' follow'n hooks be used:\nName Notes styleclass Defines a set o' CSS classes t' be added t' th' HTML’s \u003cmain\u003e element. Ye can use these classes t' define own CSS rules 'n yer custom-header.html article Defines th' HTML how t' render yer rrrambl'n Take a look at th' exist'n archetypes o' this theme t' get an idea how t' utilize it.\nOutput formats Each hook file can be overridden o' a specific output format. Eg. if ye define a new output format PLAINTEXT 'n yer config.toml, ye can add a file layouts/partials/archetypes/default.plaintext.html t' change th' way how normal rrrambl'n be written fer that output format.\n",
     "description": "",
     "tags": null,
     "title": "Arrrchetypes",
@@ -111,7 +111,7 @@
     "uri": "/hugo-theme-relearn/pir/shortcodes/children/children-2/"
   },
   {
-    "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' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple partials\nIn themes/hugo-theme-relearn/layouts/partials/, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don’t change th' code directly. Instead follow this plank. You’d create a new partial 'n th' layouts/partials folder o' yer local project. This partial will have th' priority.\nThis theme defines th' follow'n partials :\nheader.html: th' header o' th' plank. Not meant t' be overwritten footer.html: th' footer o' th' plank.Not meant t' be overwritten menu.html: left menu. Not meant t' be overwritten search.html: search box. Not meant t' be overwritten custom-header.html: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don’t forget t' include style HTML tag directive 'n yer file. custom-footer.html: custom footer 'n plank. Meant t' be overwritten when add'n Javacript. Don’t forget t' include javascript HTML tag directive 'n yer file. favicon.html: th' favicon heading-pre.html: side-wide configurat'n t' prepend t' planks title head'ns. If ye override this, it be yer responsiblity t' take th' page’s headingPre sett'n into account. heading-post.html: side-wide configurat'n t' append t' planks title head'ns. If ye override this, it be yer responsiblity t' take th' page’s headingPost sett'n into account. logo.html: th' logo, on top left hand corner meta.html: HTML meta tags, if ye want t' change default behavior menu-pre.html: side-wide configurat'n t' prepend t' menu items. If ye override this, it be yer responsiblity t' take th' page’s menuPre sett'n into account. menu-post.html: side-wide configurat'n t' append t' menu items. If ye override this, it be yer responsiblity t' take th' page’s menuPost sett'n into account. menu-footer.html: footer o' th' the left menu toc.html: t'ble o' contents rrrambl'n.html: th' rrrambl'n plank itself. This can be overridden if ye wan’t t' display page’s meta data above or below th' rrrambl'n. content-footer: footer below th' rrrambl'n, has a default implementat'n but ye can overwrite it if ye don’t like it. Change th' logo Create a new file 'n layouts/partials/ named logo.html. Then write any HTML ye want. Ye could use an img HTML tag an' reference an image created under th' static folder, or ye could paste a SVG definit'n!\nAvast Th' size o' th' logo will adapt automatically\nChange th' favicon If yer favicon be a SVG, PNG or ICO, just drop off yer image 'n yer local static/images/ folder an' name it favicon.svg, favicon.png or favicon.ico respectivly.\nIf no favicon file be found, th' theme will lookup th' alternative filename logo 'n th' same locat'n an' will repeat th' search fer th' list o' supported file types.\nIf ye need t' change this default behavior, create a new file 'n layouts/partials/ named favicon.html. Then write someth'n like this:\n\u003clink rel=\"icon\" href=\"/images/favicon.bmp\" type=\"image/bmp\" /\u003e Change th' colors Th' Relearrrn theme lets ye choose between some predefined color variants 'n light or dark mode, but feel free t' add one yourself!\nYe can preview th' shipped variants by chang'n them 'n th' variant selector at th' bottom o' th' menu.\nSingle variant Set th' themeVariant value wit' th' name o' yer theme file. That’s it!\n[params] themeVariant = \"relearn-light\" In th' above exaple yer theme file has t' be named theme-relearn-light.css\nMultiple variants Ye can also set multiple variants. In this case, th' first variant be th' default choosen on first view an' a variant switch will be shown 'n th' menu footer.\n[params] # Change default color scheme wit' a variant one. themeVariant = [ \"relearn-light\", \"relearn-dark\" ] Smarrrt Arrrse If ye want t' switch th' rules highlightn'n theme together wit' yer color variant, generate a rules highlight'n stylesheet an' configure yer installat'n accord'n t' Hugo’s documentat'n, an' @import this stylesheet 'n yer color variant stylesheet. For an example, take a look into theme-relearn-light.css an' config.toml o' th' exampleSite.\nRoll yer own If ye be not happy wit' th' shipped variants ye can either copy one o' th' shipped files, edit them 'n a text editor an' configure th' themeVariant parameter 'n yer config.toml or just use th' interactive variant generator.\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' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple partials\nIn themes/hugo-theme-relearn/layouts/partials/, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don’t change th' code directly. Instead follow this plank. You’d create a new partial 'n th' layouts/partials folder o' yer local project. This partial will have th' priority.\nThis theme defines th' follow'n partials :\nheader.html: th' header o' th' plank. See output-formats footer.html: th' footer o' th' plank. See output-formats body.html: th' body o' th' plank. Th' body may contain o' one or many articles. See output-formats article.html: th' output fer a single article, can contain elements around yer rrrambl'n. See output-formats menu.html: left menu. Not meant t' be overwritten search.html: search box. Not meant t' be overwritten custom-header.html: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don’t forget t' include style HTML tag directive 'n yer file. custom-footer.html: custom footer 'n plank. Meant t' be overwritten when add'n Javacript. Don’t forget t' include javascript HTML tag directive 'n yer file. favicon.html: th' favicon heading-pre.html: side-wide configurat'n t' prepend t' planks title head'ns. If ye override this, it be yer responsiblity t' take th' page’s headingPre sett'n into account. heading-post.html: side-wide configurat'n t' append t' planks title head'ns. If ye override this, it be yer responsiblity t' take th' page’s headingPost sett'n into account. logo.html: th' logo, on top left hand corner meta.html: HTML meta tags, if ye want t' change default behavior menu-pre.html: side-wide configurat'n t' prepend t' menu items. If ye override this, it be yer responsiblity t' take th' page’s menuPre sett'n into account. menu-post.html: side-wide configurat'n t' append t' menu items. If ye override this, it be yer responsiblity t' take th' page’s menuPost sett'n into account. menu-footer.html: footer o' th' the left menu toc.html: t'ble o' contents rrrambl'n.html: th' rrrambl'n plank itself. This can be overridden if ye wan’t t' display page’s meta data above or below th' rrrambl'n. content-footer: footer below th' rrrambl'n, has a default implementat'n but ye can overwrite it if ye don’t like it. Change th' logo Create a new file 'n layouts/partials/ named logo.html. Then write any HTML ye want. Ye could use an img HTML tag an' reference an image created under th' static folder, or ye could paste a SVG definit'n!\nAvast Th' size o' th' logo will adapt automatically\nChange th' favicon If yer favicon be a SVG, PNG or ICO, just drop off yer image 'n yer local static/images/ folder an' name it favicon.svg, favicon.png or favicon.ico respectivly.\nIf no favicon file be found, th' theme will lookup th' alternative filename logo 'n th' same locat'n an' will repeat th' search fer th' list o' supported file types.\nIf ye need t' change this default behavior, create a new file 'n layouts/partials/ named favicon.html. Then write someth'n like this:\n\u003clink rel=\"icon\" href=\"/images/favicon.bmp\" type=\"image/bmp\" /\u003e Change th' colors Th' Relearrrn theme lets ye choose between some predefined color variants 'n light or dark mode, but feel free t' add one yourself!\nYe can preview th' shipped variants by chang'n them 'n th' variant selector at th' bottom o' th' menu.\nSingle variant Set th' themeVariant value wit' th' name o' yer theme file. That’s it!\n[params] themeVariant = \"relearn-light\" In th' above exaple yer theme file has t' be named theme-relearn-light.css\nMultiple variants Ye can also set multiple variants. In this case, th' first variant be th' default choosen on first view an' a variant switch will be shown 'n th' menu footer.\n[params] # Change default color scheme wit' a variant one. themeVariant = [ \"relearn-light\", \"relearn-dark\" ] Smarrrt Arrrse If ye want t' switch th' rules highlightn'n theme together wit' yer color variant, generate a rules highlight'n stylesheet an' configure yer installat'n accord'n t' Hugo’s documentat'n, an' @import this stylesheet 'n yer color variant stylesheet. For an example, take a look into theme-relearn-light.css an' config.toml o' th' exampleSite.\nRoll yer own If ye be not happy wit' th' shipped variants ye can either copy one o' th' shipped files, edit them 'n a text editor an' configure th' themeVariant parameter 'n yer config.toml or just use th' interactive variant generator.\nOutput formats Certain parts o' th' theme can be changed fer support o' yer own output formats. Eg. if ye define a new output format PLAINTEXT 'n yer config.toml, ye can add a file layouts/partials/header.plaintext.html t' change th' way, th' plank header should look like fer that output format.\n",
     "description": "",
     "tags": null,
     "title": "Customizat'n",
@@ -350,13 +350,6 @@
     "title": "Include",
     "uri": "/hugo-theme-relearn/pir/shortcodes/include/"
   },
-  {
-    "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.\nSome test'n fer different styles o' links.\nMarrrkdown Relative t' plank: Relative t' plank up level: Static: ",
-    "description": "Some test'n fer different styles o' links",
-    "tags": null,
-    "title": "Links",
-    "uri": "/hugo-theme-relearn/pir/tests/links/"
-  },
   {
     "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' math shorrrtcode generates beautiful formatted math an' chemical formulae us'n th' MathJax library.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Avast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Merrrmaid codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shorrrtcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\ncodefence shorrrtcode partial ```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` {{\u003c math \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} {{ partial \"shortcodes/math.html\" (dict \"context\" . \"content\" \"$$left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\" )}} Parameter Parameter be only supported when us'n shorrrtcode or partial rules. Defaults be used when us'n codefence rules.\nName Default Notes align center Allowed values be left, center or right. \u003ccontent\u003e \u003cempty\u003e Yer formuale. Configurat'n MathJax be configured wit' default sett'ns. Ye can cust'mize MathJax’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml or override these sett'ns per plank thru yer planks frontmatter.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into MathJax’s configurat'n object.\nSee MathJax documentat'n fer all allowed sett'ns.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT mermaid an' math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use math codefences guessSyntax = false Page’s Frontmatter +++ mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" +++ Examples Inline Math Inline math be generated if ye use a single `$` as a delimiter around yer formulae: {{\u003c math \u003e}}$\\sqrt{3}${{\u003c /math \u003e}} Inline math be generated if ye use a single $ as a delimiter around yer formulae: $\\sqrt{3}$\nBlocklevel Math wit' Left Alignment If ye delimit yer formulae by two consecutive `$$` it generates a new block. {{\u003c math align=\"left\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} If ye delimit yer formulae by two consecutive $$ it generates a new block.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Codefence Ye can also use codefences but without further parameter.\n```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$Chemical Formulae {{\u003c math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ {{\u003c /math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ ",
     "description": "",
diff --git a/pir/index.xml b/pir/index.xml
index e1aab4bddc..802d65146d 100644
--- a/pir/index.xml
+++ b/pir/index.xml
@@ -41,7 +41,7 @@ Some planks fer internal test&#39;n o&#39; differnt styles
 Chapters Start yer success story. Now!
 Code Some test&#39;n fer different styles used &#39;n rules highlightn&#39;n an&#39; preformatted blocks
 Images Some test&#39;n fer different styles o&#39; image links
-Links Some test&#39;n fer different styles o&#39; links</description>
+Width Test dynamic width resiz&#39;n o&#39; rrrambl&#39;n if scrollbar be present</description>
     </item>
   </channel>
 </rss>
\ No newline at end of file
diff --git a/pir/more/credits/_print/index.html b/pir/more/credits/_print/index.html
index 0ea72593d9..ef144a9484 100644
--- a/pir/more/credits/_print/index.html
+++ b/pir/more/credits/_print/index.html
@@ -10,25 +10,26 @@
     <title>Crrredits :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/more/credits/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/more/credits/">
     <div id="body" class="default-animation">
@@ -84,7 +85,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Crrredits</h1>
 
@@ -199,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -280,7 +281,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -292,7 +293,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -317,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index 6c752e0a2c..203a57d0ec 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -10,25 +10,25 @@
     <title>Crrredits :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/more/credits/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/more/credits/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/more/credits/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -198,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -279,7 +279,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -291,7 +291,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/more/showcase/_print/index.html b/pir/more/showcase/_print/index.html
index 31414af270..e2ce86fcc4 100644
--- a/pir/more/showcase/_print/index.html
+++ b/pir/more/showcase/_print/index.html
@@ -10,25 +10,26 @@
     <title>Showcase :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/more/showcase/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/more/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/more/showcase/">
     <div id="body" class="default-animation">
@@ -84,7 +85,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Showcase</h1>
 
@@ -96,11 +97,11 @@
 </div>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><img src="/hugo-theme-relearn/more/showcase/images/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image"></p>
+<p><img src="/hugo-theme-relearn/pir/more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image"></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/">BITS</a> by Dr. Lutz Gollan</h2>
-<p><img src="/hugo-theme-relearn/more/showcase/images/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image"></p>
+<p><img src="/hugo-theme-relearn/pir/more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image"></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solut'ns</h2>
-<p><img src="/hugo-theme-relearn/more/showcase/images/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics"></p>
+<p><img src="/hugo-theme-relearn/pir/more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics"></p>
 
 
             <footer class="footline">
@@ -181,12 +182,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -262,7 +263,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -274,7 +275,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -299,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/more/showcase/bits-train.png b/pir/more/showcase/bits-train.png
new file mode 100644
index 0000000000..870c072091
Binary files /dev/null and b/pir/more/showcase/bits-train.png differ
diff --git a/pir/more/showcase/gobolinux.png b/pir/more/showcase/gobolinux.png
new file mode 100644
index 0000000000..35d04fd8a6
Binary files /dev/null and b/pir/more/showcase/gobolinux.png differ
diff --git a/pir/more/showcase/index.html b/pir/more/showcase/index.html
index 39c184ece9..8d7ae3fc82 100644
--- a/pir/more/showcase/index.html
+++ b/pir/more/showcase/index.html
@@ -10,25 +10,25 @@
     <title>Showcase :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/more/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/more/showcase/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/more/showcase/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/more/showcase/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -95,11 +95,11 @@
 </div>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><img src="/hugo-theme-relearn/more/showcase/images/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image"></p>
+<p><img src="gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image"></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/">BITS</a> by Dr. Lutz Gollan</h2>
-<p><img src="/hugo-theme-relearn/more/showcase/images/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image"></p>
+<p><img src="bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image"></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solut'ns</h2>
-<p><img src="/hugo-theme-relearn/more/showcase/images/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics"></p>
+<p><img src="pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics"></p>
 
 
             <footer class="footline">
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -261,7 +261,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -273,7 +273,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -298,13 +298,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/more/showcase/pamasol-electrics-portal.png b/pir/more/showcase/pamasol-electrics-portal.png
new file mode 100644
index 0000000000..3dd311e7c1
Binary files /dev/null and b/pir/more/showcase/pamasol-electrics-portal.png differ
diff --git a/pir/shortcodes/_print/index.html b/pir/shortcodes/_print/index.html
index f6f80d1eed..c30eb58469 100644
--- a/pir/shortcodes/_print/index.html
+++ b/pir/shortcodes/_print/index.html
@@ -10,25 +10,26 @@
     <title>Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Attachments (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Children (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/tags/" title="Tags (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -84,7 +85,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="chapter">
 <div class="article-subheading">T&#39; chapterrr 3</div>
 <h1>Shorrrtcodes</h1>
@@ -154,7 +155,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Attachments</h1>
 
@@ -337,7 +338,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Button</h1>
 
@@ -586,7 +587,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Children</h1>
 
@@ -790,7 +791,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank X</h1>
 
@@ -808,7 +809,7 @@ So its rrrambl'n be used as descript'n.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Plank 1</h1>
 
@@ -832,7 +833,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1</h1>
 
@@ -858,7 +859,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2</h1>
 
@@ -883,7 +884,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-1</h1>
 
@@ -901,7 +902,7 @@ So its rrrambl'n be used as descript'n.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-2</h1>
 
@@ -920,7 +921,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           </section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-3</h1>
 
@@ -940,7 +941,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           </section>
           </section>
-    
+		
           <article class="default">
 <h1>Plank 2</h1>
 
@@ -959,7 +960,7 @@ So its rrrambl'n be used as descript'n.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Plank 3</h1>
 
@@ -983,7 +984,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 3-1</h1>
 
@@ -1003,7 +1004,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           </section>
           </section>
-    
+		
           <article class="default">
 <h1>Expand</h1>
 
@@ -1172,7 +1173,7 @@ No need t' press ye!
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Include</h1>
 
@@ -1273,7 +1274,7 @@ No need t' press ye!
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Math</h1>
 
@@ -1434,7 +1435,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Merrrmaid</h1>
 
@@ -1716,7 +1717,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Notice</h1>
 
@@ -2022,7 +2023,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Ship param</h1>
 
@@ -2105,7 +2106,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Swaggerrr</h1>
 
@@ -2208,7 +2209,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Tabbed views</h1>
 
@@ -2515,12 +2516,12 @@ classDiagram
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -2596,7 +2597,7 @@ classDiagram
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -2608,7 +2609,7 @@ classDiagram
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -2633,13 +2634,13 @@ classDiagram
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 73d41f18ff..6bc05ba67f 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -10,25 +10,25 @@
     <title>Attachments :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/shortcodes/attachments/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234285" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234285" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234285" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234285"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/attachments/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/attachments/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/button/" title="Button (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/" title="Shorrrtcodes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/swagger/" title="Swaggerrr (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/shortcodes/attachments/">
@@ -341,12 +341,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234285" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -422,7 +422,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -434,7 +434,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -459,13 +459,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234285"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 2ecc1b8e04..564b020943 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -10,25 +10,25 @@
     <title>Button :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/shortcodes/button/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234285" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234285" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234285" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234285"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/button/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/button/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Children (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Attachments (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -407,12 +407,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234285" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -488,7 +488,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -500,7 +500,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -525,13 +525,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234285"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/_print/index.html b/pir/shortcodes/children/_print/index.html
index 38f06e0214..e65ad377c3 100644
--- a/pir/shortcodes/children/_print/index.html
+++ b/pir/shortcodes/children/_print/index.html
@@ -10,25 +10,26 @@
     <title>Children :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/">
     <div id="body" class="default-animation">
@@ -53,10 +54,10 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" title="Plank 1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/button/" title="Button (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/" title="Shorrrtcodes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/shortcodes/children/_print/">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Children</h1>
 
@@ -289,7 +290,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank X</h1>
 
@@ -307,7 +308,7 @@ So its rrrambl'n be used as descript'n.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Plank 1</h1>
 
@@ -331,7 +332,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1</h1>
 
@@ -357,7 +358,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2</h1>
 
@@ -382,7 +383,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-1</h1>
 
@@ -400,7 +401,7 @@ So its rrrambl'n be used as descript'n.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-2</h1>
 
@@ -419,7 +420,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           </section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-3</h1>
 
@@ -439,7 +440,7 @@ So its rrrambl'n be used as descript'n.</p>
 
           </section>
           </section>
-    
+		
           <article class="default">
 <h1>Plank 2</h1>
 
@@ -458,7 +459,7 @@ So its rrrambl'n be used as descript'n.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Plank 3</h1>
 
@@ -482,7 +483,7 @@ So its rrrambl'n be used as descript'n.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 3-1</h1>
 
@@ -576,12 +577,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -657,7 +658,7 @@ So its rrrambl'n be used as descript'n.</p>
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -669,7 +670,7 @@ So its rrrambl'n be used as descript'n.</p>
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -694,13 +695,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/_print/index.html b/pir/shortcodes/children/children-1/_print/index.html
index d1be2db3d9..a9dbb1ab03 100644
--- a/pir/shortcodes/children/children-1/_print/index.html
+++ b/pir/shortcodes/children/children-1/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" title="Plank 1-1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Children (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/shortcodes/children/children-1/_print/">
@@ -90,7 +91,7 @@
   <a class="tag-link" href="/pir/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 1</h1>
 
@@ -114,7 +115,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1</h1>
 
@@ -140,7 +141,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2</h1>
 
@@ -165,7 +166,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-1</h1>
 
@@ -183,7 +184,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-2</h1>
 
@@ -202,7 +203,7 @@
           </article>
 
           </section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-3</h1>
 
@@ -296,12 +297,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -377,7 +378,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -389,7 +390,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -414,13 +415,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/_print/index.html
index cc5a598092..02b9052bb0 100644
--- a/pir/shortcodes/children/children-1/children-1-1/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/">
     <div id="body" class="default-animation">
@@ -91,7 +92,7 @@
   <a class="tag-link" href="/pir/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 1-1</h1>
 
@@ -117,7 +118,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2</h1>
 
@@ -142,7 +143,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-1</h1>
 
@@ -160,7 +161,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-2</h1>
 
@@ -179,7 +180,7 @@
           </article>
 
           </section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-3</h1>
 
@@ -272,12 +273,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -353,7 +354,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -365,7 +366,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -390,13 +391,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html
index 61cc7a84b6..bf69056cd1 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <div id="body" class="default-animation">
@@ -92,7 +93,7 @@
   <a class="tag-link" href="/pir/tags/hidden">hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 1-1-1 (hidden)</h1>
 
@@ -116,7 +117,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-1-1</h1>
 
@@ -216,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -299,7 +300,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -311,7 +312,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -336,13 +337,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html
index fcba3007d8..5076f3ad0c 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -93,7 +94,7 @@
   <a class="tag-link" href="/pir/tags/hidden">hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 1-1-1-1</h1>
 
@@ -192,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -275,7 +276,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -287,7 +288,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -312,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" 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/_print/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/_print/index.html
index 7ac8879861..b65faac836 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/_print/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/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -94,7 +95,7 @@
   <a class="tag-link" href="/pir/tags/hidden">hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 1-1-1-1-1 (hidden)</h1>
 
@@ -118,7 +119,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-1-1-1-1</h1>
 
@@ -211,12 +212,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -296,7 +297,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -308,7 +309,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -333,13 +334,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" 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/_print/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/_print/index.html
index d3253f4c95..86ac4dee25 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/_print/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/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -95,7 +96,7 @@
   <a class="tag-link" href="/pir/tags/hidden">hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 1-1-1-1-1-1</h1>
 
@@ -187,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -272,7 +273,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -284,7 +285,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -309,13 +310,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" 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 2da681fd72..f5c57d090c 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
@@ -10,25 +10,25 @@
     <title>Plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -271,7 +271,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -283,7 +283,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -308,13 +308,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" 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 0a80370ea4..2395206721 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
@@ -10,25 +10,25 @@
     <title>Plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -190,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -275,7 +275,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -287,7 +287,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" 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 f7e4a33902..974da5f982 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
@@ -10,25 +10,25 @@
     <title>Plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -272,7 +272,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -284,7 +284,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" 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 c51f809155..8793dcf480 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
@@ -10,25 +10,25 @@
     <title>Plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -271,7 +271,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -283,7 +283,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -308,13 +308,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html
index d71516d925..f1048dec62 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <div id="body" class="default-animation">
@@ -92,7 +93,7 @@
   <a class="tag-link" href="/pir/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2</h1>
 
@@ -117,7 +118,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-1</h1>
 
@@ -135,7 +136,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-2</h1>
 
@@ -228,12 +229,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,7 +310,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -321,7 +322,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -346,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html
index 2f68c0baa7..e5e0c711e6 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/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="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <div id="body" class="default-animation">
@@ -93,7 +94,7 @@
   <a class="tag-link" href="/pir/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-1</h1>
 
@@ -185,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -266,7 +267,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +279,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -303,13 +304,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" 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 562d5543fc..9324f95836 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,25 +10,25 @@
     <title>Plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/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="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -265,7 +265,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +277,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,13 +302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html
index 86046ee5ef..55686f8f73 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/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="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <div id="body" class="default-animation">
@@ -93,7 +94,7 @@
   <a class="tag-link" href="/pir/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 1-1-2-2</h1>
 
@@ -185,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -266,7 +267,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -278,7 +279,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -303,13 +304,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" 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 cdd7a7f4d3..2c7fd32a34 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,25 +10,25 @@
     <title>Plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/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="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -265,7 +265,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +277,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,13 +302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" 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 330a6f6099..74e8920b4d 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,25 +10,25 @@
     <title>Plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -270,7 +270,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -282,7 +282,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -307,13 +307,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html
index 850cf0a002..b09edb28fe 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <div id="body" class="default-animation">
@@ -92,7 +93,7 @@
   <a class="tag-link" href="/pir/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 1-1-3</h1>
 
@@ -184,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -265,7 +266,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +278,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,13 +303,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" 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 7037ea6ffe..3e2ea3b90e 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,25 +10,25 @@
     <title>Plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -264,7 +264,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -276,7 +276,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" 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 8ec51bff46..94e8528bbc 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -10,25 +10,25 @@
     <title>Plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -270,7 +270,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -282,7 +282,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -307,13 +307,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index e27ef0cf38..a4452c6777 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -10,25 +10,25 @@
     <title>Plank 1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-1/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" title="Plank 1-1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Children (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/shortcodes/children/children-1/_print/">
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -267,7 +267,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -279,7 +279,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -304,13 +304,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/_print/index.html b/pir/shortcodes/children/children-2/_print/index.html
index 71313d86ea..d4ad897072 100644
--- a/pir/shortcodes/children/children-2/_print/index.html
+++ b/pir/shortcodes/children/children-2/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-2/">
     <div id="body" class="default-animation">
@@ -90,7 +91,7 @@
   <a class="tag-link" href="/pir/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 2</h1>
 
@@ -183,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -264,7 +265,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -276,7 +277,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -301,13 +302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 81816344c3..c0a99dbcd2 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -10,25 +10,25 @@
     <title>Plank 2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-2/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-2/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-2/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -182,12 +182,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -263,7 +263,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -275,7 +275,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/_print/index.html b/pir/shortcodes/children/children-3/_print/index.html
index d05eadac84..2d7840f099 100644
--- a/pir/shortcodes/children/children-3/_print/index.html
+++ b/pir/shortcodes/children/children-3/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/">
     <div id="body" class="default-animation">
@@ -90,7 +91,7 @@
   <a class="tag-link" href="/pir/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 3</h1>
 
@@ -114,7 +115,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Plank 3-1</h1>
 
@@ -207,12 +208,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -288,7 +289,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -300,7 +301,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -325,13 +326,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 9d435a8fe1..57d5aa08f4 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -10,25 +10,25 @@
     <title>Plank 3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-3/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -267,7 +267,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -279,7 +279,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -304,13 +304,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" 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 57ba0e5e36..a1b96e630b 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -10,25 +10,25 @@
     <title>Plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/shortcodes/children/children-3/test3/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" title="Plank 3 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -182,12 +182,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -263,7 +263,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -275,7 +275,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/_print/index.html b/pir/shortcodes/children/children-4/_print/index.html
index 01d47e9a4e..624193983a 100644
--- a/pir/shortcodes/children/children-4/_print/index.html
+++ b/pir/shortcodes/children/children-4/_print/index.html
@@ -10,25 +10,26 @@
     <title>Plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-4/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-4/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-4/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -90,7 +91,7 @@
   <a class="tag-link" href="/pir/tags/hidden">hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>Plank 4 (hidden)</h1>
 
@@ -182,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -264,7 +265,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -276,7 +277,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -301,13 +302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 1d87524a65..150b97260d 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -10,25 +10,25 @@
     <title>Plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-4/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/children-4/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-4/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-4/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -181,12 +181,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -263,7 +263,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -275,7 +275,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 52236dbd11..88622cb88e 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -10,25 +10,25 @@
     <title>Children :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/children/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,21 +42,21 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" title="Plank 1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/button/" title="Button (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/" title="Shorrrtcodes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/shortcodes/children/_print/">
@@ -361,12 +361,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -442,7 +442,7 @@ So its rrrambl'n be used as descript'n.</p>
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -454,7 +454,7 @@ So its rrrambl'n be used as descript'n.</p>
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -479,13 +479,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index 5e032bdb13..030a9b5817 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -10,25 +10,25 @@
     <title>Plank X :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/shortcodes/children/test/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,21 +42,21 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/test/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/children/test/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" title="Plank 1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/swagger/" title="Swaggerrr (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Children (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/shortcodes/children/test/">
@@ -177,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -258,7 +258,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -270,7 +270,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -295,13 +295,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index b2255e2615..cd05491c4f 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -10,25 +10,25 @@
     <title>Expand :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/shortcodes/expand/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234285" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234285" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234285" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234285"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/expand/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/expand/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/include/" title="Include (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/button/" title="Button (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/shortcodes/expand/">
@@ -327,12 +327,12 @@ No need t' press ye!
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234285" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -408,7 +408,7 @@ No need t' press ye!
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -420,7 +420,7 @@ No need t' press ye!
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -445,13 +445,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234285"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 7c3c2a5e21..9efaf2b404 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -10,25 +10,25 @@
     <title>Include :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/shortcodes/include/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234285" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234285" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234285" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234285"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/include/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/include/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -259,12 +259,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234285" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -340,7 +340,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -352,7 +352,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -377,13 +377,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234285"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index e7f0f5744c..a6bc4b5708 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -10,25 +10,25 @@
     <title>Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Attachments (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Children (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/cont/tags/" title="Tags (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -226,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -307,7 +307,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -319,7 +319,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index 2e0fd96872..04c9f81207 100644
--- a/pir/shortcodes/math/index.html
+++ b/pir/shortcodes/math/index.html
@@ -10,25 +10,25 @@
     <title>Math :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/shortcodes/math/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234285" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234285" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234285" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234285"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/math/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/math/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -319,12 +319,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234285" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234285" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -400,7 +400,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -412,7 +412,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -437,13 +437,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234285"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234285" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index afa44eb40d..4faa4e99ee 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -10,25 +10,25 @@
     <title>Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/shortcodes/mermaid/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234285" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234285" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234285" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234285"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/mermaid/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/mermaid/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -440,12 +440,12 @@ classDiagram
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -521,7 +521,7 @@ classDiagram
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -533,7 +533,7 @@ classDiagram
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -558,13 +558,13 @@ classDiagram
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 3621a7d9e6..54ee60f216 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -10,25 +10,25 @@
     <title>Notice :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/shortcodes/notice/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234285" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234285" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234285" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234285" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234285" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234285" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234285" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234285"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234285" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/notice/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/notice/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -464,12 +464,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -545,7 +545,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -557,7 +557,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -582,13 +582,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 8f54796157..747a6809ca 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -10,25 +10,25 @@
     <title>Ship param :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/shortcodes/siteparam/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/siteparam/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/siteparam/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/swagger/" title="Swaggerrr (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/notice/" title="Notice (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -241,12 +241,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -322,7 +322,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -334,7 +334,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -359,13 +359,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/swagger/_print/index.html b/pir/shortcodes/swagger/_print/index.html
index c7575ce9d2..6639192f2c 100644
--- a/pir/shortcodes/swagger/_print/index.html
+++ b/pir/shortcodes/swagger/_print/index.html
@@ -10,25 +10,26 @@
     <title>Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/swagger/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/swagger/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/swagger/">
     <div id="body" class="default-animation">
@@ -53,10 +54,10 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Attachments (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/siteparam/" title="Ship param (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/shortcodes/swagger/_print/">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Swaggerrr</h1>
 
@@ -262,12 +263,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -343,7 +344,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -355,7 +356,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -380,13 +381,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/swagger/index.html b/pir/shortcodes/swagger/index.html
index 82293d3812..2cc29fcaa5 100644
--- a/pir/shortcodes/swagger/index.html
+++ b/pir/shortcodes/swagger/index.html
@@ -10,25 +10,25 @@
     <title>Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/swagger/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/shortcodes/swagger/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,21 +42,21 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/swagger/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/swagger/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Attachments (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/siteparam/" title="Ship param (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/shortcodes/swagger/_print/">
@@ -261,12 +261,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -342,7 +342,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -354,7 +354,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -379,13 +379,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 284877a507..d790bc5aff 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -10,25 +10,25 @@
     <title>Tabbed views :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/shortcodes/tabs/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/tabs/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/shortcodes/tabs/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/swagger/" title="Swaggerrr (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/shortcodes/siteparam/" title="Ship param (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/shortcodes/tabs/">
@@ -390,12 +390,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -471,7 +471,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -483,7 +483,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -508,13 +508,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/sitemap.xml b/pir/sitemap.xml
index 7f2c755076..68d93bba14 100644
--- a/pir/sitemap.xml
+++ b/pir/sitemap.xml
@@ -614,19 +614,6 @@
                 href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/"
                 />
   </url>
-  <url>
-    <loc>https://McShelby.github.io/hugo-theme-relearn/pir/tests/links/</loc>
-    <xhtml:link
-                rel="alternate"
-                hreflang="en"
-                href="https://McShelby.github.io/hugo-theme-relearn/tests/links/"
-                />
-    <xhtml:link
-                rel="alternate"
-                hreflang="pir"
-                href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/links/"
-                />
-  </url>
   <url>
     <loc>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/</loc>
     <xhtml:link
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index 68999a7868..9dbbcfffdd 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>children :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tags/children/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tags/children/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -171,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -252,7 +252,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -264,7 +264,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -289,13 +289,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index 7a86bbdcb5..021c49ecc8 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>documentat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tags/documentatn/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tags/documentatn/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tags/documentatn/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -158,12 +158,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -238,7 +238,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -250,7 +250,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -275,13 +275,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 4d567d3236..292c9fb49e 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>hidden :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tags/hidden/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tags/hidden/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -162,12 +162,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -243,7 +243,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -255,7 +255,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -280,13 +280,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 62c61184f0..e61563144b 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>Tags :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tags/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tags/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tags/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -161,12 +161,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -242,7 +242,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -254,7 +254,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 2b896ecc04..a713e0fb1a 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>non-hidden :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tags/non-hidden/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tags/non-hidden/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -247,7 +247,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -259,7 +259,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 8d20e56fca..4fb277f96a 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>tutorrrial :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tags/tutorrrial/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tags/tutorrrial/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tags/tutorrrial/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -158,12 +158,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -238,7 +238,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -250,7 +250,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -275,13 +275,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/_print/index.html b/pir/tests/_print/index.html
index f925e590a4..5eb531ad1c 100644
--- a/pir/tests/_print/index.html
+++ b/pir/tests/_print/index.html
@@ -10,25 +10,26 @@
     <title>Tests :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/">
     <div id="body" class="default-animation">
@@ -84,7 +85,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="chapter">
 <div class="article-subheading">T&#39; chapterrr 4</div>
 <h1>Tests</h1>
@@ -111,10 +112,6 @@
 <p>Some test'n fer different styles o' image links</p>
 					
 
-<h2><a href="/hugo-theme-relearn/pir/tests/links/" >Links</a></h2>
-<p>Some test'n fer different styles o' links</p>
-					
-
 <h2><a href="/hugo-theme-relearn/pir/tests/width/" >Width</a></h2>
 <p>Test dynamic width resiz'n o' rrrambl'n if scrollbar be present</p>
 					
@@ -126,7 +123,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Chapters</h1>
 
@@ -145,7 +142,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>1</h1>
 
@@ -154,7 +151,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>11</h1>
 
@@ -163,7 +160,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>2</h1>
 
@@ -172,7 +169,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>3</h1>
 
@@ -181,7 +178,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>4</h1>
 
@@ -190,7 +187,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>5</h1>
 
@@ -199,7 +196,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>6</h1>
 
@@ -208,7 +205,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>7</h1>
 
@@ -217,7 +214,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>8</h1>
 
@@ -226,7 +223,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>9</h1>
 
@@ -236,7 +233,7 @@
           </article>
 
           </section>
-    
+		
           <article class="default">
 <h1>Code</h1>
 
@@ -279,7 +276,7 @@ Some preformatted stuff 'n HTML elements
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Images</h1>
 
@@ -293,9 +290,9 @@ Some preformatted stuff 'n HTML elements
 <p>Some test'n fer different styles o' image links.</p>
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="relative-to-page">Relative t' plank</h3>
-<p><img src="/hugo-theme-relearn/tests/images/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/pir/tests/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
 <h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
-<p><img src="/hugo-theme-relearn/pir/tests/images/../images/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
 <h3 id="static">Static</h3>
 <p><img src="/images/logo.svg?classes=shadow&amp;height=50px" alt="Logo"></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
@@ -306,9 +303,9 @@ Some preformatted stuff 'n HTML elements
 <p><img src="/hugo-theme-relearn/pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion"></p>
 <h2 id="html">HTML</h2>
 <h3 id="relative-to-page-1">Relative t' plank</h3>
-<p><img src="/hugo-theme-relearn/tests/images/images/magic.gif?classes=shadow&height=50px"></p>
+<p><img src="/hugo-theme-relearn/pir/tests/images/magic.gif?classes=shadow&height=50px"></p>
 <h3 id="relative-to-page-up-level-1">Relative t' plank up level</h3>
-<p><img src="/hugo-theme-relearn/pir/tests/images/../images/images/magic.gif?classes=shadow&height=50px"></p>
+<p><img src="/hugo-theme-relearn/pir/tests/images/../images/magic.gif?classes=shadow&height=50px"></p>
 <h3 id="static-1">Static</h3>
 <p><img src="/images/logo.svg?classes=shadow&height=50px"></p>
 <h3 id="external-fully-qualified-1">External fully qualified</h3>
@@ -323,32 +320,7 @@ Some preformatted stuff 'n HTML elements
             </footer>
           </article>
 
-    
-          <article class="default">
-<h1>Links</h1>
-
-
-<div class="box notices cstyle warning">
-    <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
-    <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>    </div>
-</div>
-
-<p>Some test'n fer different styles o' links.</p>
-<h2 id="markdown">Marrrkdown</h2>
-<h3 id="relative-to-page">Relative t' plank:</h3>
-<p><img src="/hugo-theme-relearn/tests/links/images/magic.gif?classes=shadow" alt="Magic"></p>
-<h3 id="relative-to-page-up-level">Relative t' plank up level:</h3>
-<p><img src="/hugo-theme-relearn/pir/tests/links/../images/images/magic.gif?classes=shadow" alt="Magic"></p>
-<h3 id="static">Static:</h3>
-<p><img src="/images/logo.svg?classes=shadow" alt="Logo"></p>
-
-
-            <footer class="footline">
-            </footer>
-          </article>
-
-    
+		
           <article class="default">
 <h1>Width</h1>
 
@@ -454,12 +426,12 @@ Some preformatted stuff 'n HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -516,7 +488,6 @@ Some preformatted stuff 'n HTML elements
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -551,7 +522,7 @@ Some preformatted stuff 'n HTML elements
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -563,7 +534,7 @@ Some preformatted stuff 'n HTML elements
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -588,13 +559,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/1/index.html b/pir/tests/chapters/1/index.html
index b8ca1c9206..4c540fe9d4 100644
--- a/pir/tests/chapters/1/index.html
+++ b/pir/tests/chapters/1/index.html
@@ -10,25 +10,25 @@
     <title>1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/tests/chapters/1/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/chapters/1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/chapters/1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -230,7 +230,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -265,7 +264,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +276,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/10/index.html b/pir/tests/chapters/10/index.html
index f5d823a187..8fc6abe8f5 100644
--- a/pir/tests/chapters/10/index.html
+++ b/pir/tests/chapters/10/index.html
@@ -10,25 +10,25 @@
     <title>11 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/10/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/tests/chapters/10/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/chapters/10/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/chapters/10/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -230,7 +230,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -265,7 +264,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +276,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/2/index.html b/pir/tests/chapters/2/index.html
index 407ffc83e2..f9ff35700b 100644
--- a/pir/tests/chapters/2/index.html
+++ b/pir/tests/chapters/2/index.html
@@ -10,25 +10,25 @@
     <title>2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/2/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/tests/chapters/2/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/chapters/2/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/chapters/2/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -230,7 +230,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -265,7 +264,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +276,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/3/index.html b/pir/tests/chapters/3/index.html
index 81835a3fd8..4034a70536 100644
--- a/pir/tests/chapters/3/index.html
+++ b/pir/tests/chapters/3/index.html
@@ -10,25 +10,25 @@
     <title>3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/3/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/tests/chapters/3/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/chapters/3/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/chapters/3/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -230,7 +230,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -265,7 +264,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +276,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/4/index.html b/pir/tests/chapters/4/index.html
index 47cd1d9076..5abf60cbe5 100644
--- a/pir/tests/chapters/4/index.html
+++ b/pir/tests/chapters/4/index.html
@@ -10,25 +10,25 @@
     <title>4 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/4/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/tests/chapters/4/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/chapters/4/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/chapters/4/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -230,7 +230,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -265,7 +264,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +276,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/5/index.html b/pir/tests/chapters/5/index.html
index c1fd8a1f2b..98abf86fbf 100644
--- a/pir/tests/chapters/5/index.html
+++ b/pir/tests/chapters/5/index.html
@@ -10,25 +10,25 @@
     <title>5 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/5/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/tests/chapters/5/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/chapters/5/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/chapters/5/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -230,7 +230,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -265,7 +264,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +276,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/6/index.html b/pir/tests/chapters/6/index.html
index fbe7a79a0d..a71f2645ce 100644
--- a/pir/tests/chapters/6/index.html
+++ b/pir/tests/chapters/6/index.html
@@ -10,25 +10,25 @@
     <title>6 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/6/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/tests/chapters/6/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/chapters/6/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/chapters/6/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -230,7 +230,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -265,7 +264,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +276,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/7/index.html b/pir/tests/chapters/7/index.html
index c7cd60a2a4..dcd093fafb 100644
--- a/pir/tests/chapters/7/index.html
+++ b/pir/tests/chapters/7/index.html
@@ -10,25 +10,25 @@
     <title>7 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/7/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/tests/chapters/7/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/chapters/7/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/chapters/7/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -230,7 +230,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -265,7 +264,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +276,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/8/index.html b/pir/tests/chapters/8/index.html
index 2ccc3ed42f..f7db5bc645 100644
--- a/pir/tests/chapters/8/index.html
+++ b/pir/tests/chapters/8/index.html
@@ -10,25 +10,25 @@
     <title>8 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/8/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/tests/chapters/8/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/chapters/8/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/chapters/8/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -230,7 +230,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -265,7 +264,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +276,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/9/index.html b/pir/tests/chapters/9/index.html
index 7b12eacd3b..3ce97aa697 100644
--- a/pir/tests/chapters/9/index.html
+++ b/pir/tests/chapters/9/index.html
@@ -10,25 +10,25 @@
     <title>9 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/9/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/tests/chapters/9/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/chapters/9/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/chapters/9/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -230,7 +230,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item active"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -265,7 +264,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -277,7 +276,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/_print/index.html b/pir/tests/chapters/_print/index.html
index 5cef23321e..9b5439d78a 100644
--- a/pir/tests/chapters/_print/index.html
+++ b/pir/tests/chapters/_print/index.html
@@ -10,25 +10,26 @@
     <title>Chapters :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/chapters/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Chapters</h1>
 
@@ -104,7 +105,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>1</h1>
 
@@ -113,7 +114,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>11</h1>
 
@@ -122,7 +123,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>2</h1>
 
@@ -131,7 +132,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>3</h1>
 
@@ -140,7 +141,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>4</h1>
 
@@ -149,7 +150,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>5</h1>
 
@@ -158,7 +159,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>6</h1>
 
@@ -167,7 +168,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>7</h1>
 
@@ -176,7 +177,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>8</h1>
 
@@ -185,7 +186,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>9</h1>
 
@@ -269,12 +270,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -331,7 +332,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -366,7 +366,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -378,7 +378,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/children-1/_print/index.html b/pir/tests/chapters/children-1/_print/index.html
index e391a702f3..c260808dfa 100644
--- a/pir/tests/chapters/children-1/_print/index.html
+++ b/pir/tests/chapters/children-1/_print/index.html
@@ -10,25 +10,26 @@
     <title>Th&#39; one an&#39; only hidden child :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/children-1/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/children-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/chapters/children-1/">
     <div id="body" class="default-animation">
@@ -53,10 +54,10 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/tests/code/" title="Code (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/tests/chapters/1/" title="1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/chapters/9/" title="9 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/chapters/" title="Chapters (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/tests/chapters/children-1/_print/">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Th&#39; one an&#39; only hidden child</h1>
 
@@ -178,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -241,7 +242,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/children-1/" title="Th&#39; one an&#39; only hidden child" class="dd-item active"><a href="/hugo-theme-relearn/pir/tests/chapters/children-1/">Th&#39; one an&#39; only hidden child<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -276,7 +276,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -288,7 +288,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/children-1/index.html b/pir/tests/chapters/children-1/index.html
index 08064b31bb..894474abef 100644
--- a/pir/tests/chapters/children-1/index.html
+++ b/pir/tests/chapters/children-1/index.html
@@ -10,25 +10,25 @@
     <title>Th&#39; one an&#39; only hidden child :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/children-1/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/children-1/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,21 +42,21 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/chapters/children-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/chapters/children-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/tests/code/" title="Code (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/tests/chapters/1/" title="1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/chapters/9/" title="9 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/chapters/" title="Chapters (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/tests/chapters/children-1/_print/">
@@ -177,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -240,7 +240,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/children-1/" title="Th&#39; one an&#39; only hidden child" class="dd-item active"><a href="/hugo-theme-relearn/pir/tests/chapters/children-1/">Th&#39; one an&#39; only hidden child<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -275,7 +274,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -287,7 +286,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -312,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/index.html b/pir/tests/chapters/index.html
index 2824156037..06dd21f232 100644
--- a/pir/tests/chapters/index.html
+++ b/pir/tests/chapters/index.html
@@ -10,25 +10,25 @@
     <title>Chapters :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/chapters/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/chapters/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/chapters/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/chapters/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -238,7 +238,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -273,7 +272,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -285,7 +284,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -310,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/code/_print/index.html b/pir/tests/code/_print/index.html
index f85bbbf6f1..bfe7968262 100644
--- a/pir/tests/code/_print/index.html
+++ b/pir/tests/code/_print/index.html
@@ -10,25 +10,26 @@
     <title>Code :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/code/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/code/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/code/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Code</h1>
 
@@ -202,12 +203,12 @@ Some preformatted stuff 'n HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -264,7 +265,6 @@ Some preformatted stuff 'n HTML elements
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item active"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -299,7 +299,7 @@ Some preformatted stuff 'n HTML elements
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -311,7 +311,7 @@ Some preformatted stuff 'n HTML elements
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -336,13 +336,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.html b/pir/tests/code/index.html
index d512b9e9a7..0edbfd4393 100644
--- a/pir/tests/code/index.html
+++ b/pir/tests/code/index.html
@@ -10,25 +10,25 @@
     <title>Code :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/code/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/code/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/code/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/code/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -201,12 +201,12 @@ Some preformatted stuff 'n HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -263,7 +263,6 @@ Some preformatted stuff 'n HTML elements
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item active"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -298,7 +297,7 @@ Some preformatted stuff 'n HTML elements
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -310,7 +309,7 @@ Some preformatted stuff 'n HTML elements
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -335,13 +334,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/_print/index.html b/pir/tests/images/_print/index.html
index 01204dd8c6..d9c426c14d 100644
--- a/pir/tests/images/_print/index.html
+++ b/pir/tests/images/_print/index.html
@@ -10,25 +10,26 @@
     <title>Images :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/images/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/images/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830007" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830007" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830007" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830007" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830007" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830007" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830007" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830007" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830007"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830007" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/images/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/tests/links/" title="Links (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/tests/width/" title="Width (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/code/" title="Code (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Images</h1>
 
@@ -99,9 +100,9 @@
 <p>Some test'n fer different styles o' image links.</p>
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="relative-to-page">Relative t' plank</h3>
-<p><img src="/hugo-theme-relearn/tests/images/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/pir/tests/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
 <h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
-<p><img src="/hugo-theme-relearn/pir/tests/images/../images/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
 <h3 id="static">Static</h3>
 <p><img src="/images/logo.svg?classes=shadow&amp;height=50px" alt="Logo"></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
@@ -112,9 +113,9 @@
 <p><img src="/hugo-theme-relearn/pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion"></p>
 <h2 id="html">HTML</h2>
 <h3 id="relative-to-page-1">Relative t' plank</h3>
-<p><img src="/hugo-theme-relearn/tests/images/images/magic.gif?classes=shadow&height=50px"></p>
+<p><img src="/hugo-theme-relearn/pir/tests/images/magic.gif?classes=shadow&height=50px"></p>
 <h3 id="relative-to-page-up-level-1">Relative t' plank up level</h3>
-<p><img src="/hugo-theme-relearn/pir/tests/images/../images/images/magic.gif?classes=shadow&height=50px"></p>
+<p><img src="/hugo-theme-relearn/pir/tests/images/../images/magic.gif?classes=shadow&height=50px"></p>
 <h3 id="static-1">Static</h3>
 <p><img src="/images/logo.svg?classes=shadow&height=50px"></p>
 <h3 id="external-fully-qualified-1">External fully qualified</h3>
@@ -203,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830007" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830007" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -265,7 +266,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item active"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -300,7 +300,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -312,7 +312,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -337,13 +337,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830007"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830007" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830007" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/index.html b/pir/tests/images/index.html
index d9ec1ed987..8b1acfb6ca 100644
--- a/pir/tests/images/index.html
+++ b/pir/tests/images/index.html
@@ -10,25 +10,25 @@
     <title>Images :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/images/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/images/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/images/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/images/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/tests/links/" title="Links (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/pir/tests/width/" title="Width (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/code/" title="Code (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -98,9 +98,9 @@
 <p>Some test'n fer different styles o' image links.</p>
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="relative-to-page">Relative t' plank</h3>
-<p><img src="/hugo-theme-relearn/tests/images/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
+<p><img src="magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
 <h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
-<p><img src="../images/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
+<p><img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
 <h3 id="static">Static</h3>
 <p><img src="/images/logo.svg?classes=shadow&amp;height=50px" alt="Logo"></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
@@ -111,9 +111,9 @@
 <p><img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion"></p>
 <h2 id="html">HTML</h2>
 <h3 id="relative-to-page-1">Relative t' plank</h3>
-<p><img src="/hugo-theme-relearn/tests/images/images/magic.gif?classes=shadow&height=50px"></p>
+<p><img src="magic.gif?classes=shadow&height=50px"></p>
 <h3 id="relative-to-page-up-level-1">Relative t' plank up level</h3>
-<p><img src="../images/images/magic.gif?classes=shadow&height=50px"></p>
+<p><img src="../images/magic.gif?classes=shadow&height=50px"></p>
 <h3 id="static-1">Static</h3>
 <p><img src="/images/logo.svg?classes=shadow&height=50px"></p>
 <h3 id="external-fully-qualified-1">External fully qualified</h3>
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -264,7 +264,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item active"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -299,7 +298,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -311,7 +310,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -336,13 +335,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/magic.gif b/pir/tests/images/magic.gif
new file mode 100644
index 0000000000..235c4edb32
Binary files /dev/null and b/pir/tests/images/magic.gif differ
diff --git a/pir/tests/index.html b/pir/tests/index.html
index cd7ee1ad76..63bf8adf9c 100644
--- a/pir/tests/index.html
+++ b/pir/tests/index.html
@@ -10,25 +10,25 @@
     <title>Tests :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/tests/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -110,10 +110,6 @@
 <p>Some test'n fer different styles o' image links</p>
 					
 
-<h2><a href="/hugo-theme-relearn/pir/tests/links/" >Links</a></h2>
-<p>Some test'n fer different styles o' links</p>
-					
-
 <h2><a href="/hugo-theme-relearn/pir/tests/width/" >Width</a></h2>
 <p>Test dynamic width resiz'n o' rrrambl'n if scrollbar be present</p>
 					
@@ -198,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -260,7 +256,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -295,7 +290,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -307,7 +302,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -332,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.xml b/pir/tests/index.xml
index 973ae330c4..cfc8a1e16d 100644
--- a/pir/tests/index.xml
+++ b/pir/tests/index.xml
@@ -33,15 +33,6 @@ What about wrapp&#39;n short inline code if multiple sections be written side/by
       <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.
 Some test&#39;n fer different styles o&#39; image links.
 Marrrkdown Relative t&#39; plank Relative t&#39; plank up level Static External fully qualified External without scheme External without scheme an&#39; scheme separator HTML Relative t&#39; plank Relative t&#39; plank up level Static External fully qualified External without scheme External without scheme an&#39; scheme separator </description>
-    </item>
-    <item>
-      <title>Links</title>
-      <link>https://McShelby.github.io/hugo-theme-relearn/pir/tests/links/</link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>https://McShelby.github.io/hugo-theme-relearn/pir/tests/links/</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.
-Some test&#39;n fer different styles o&#39; links.
-Marrrkdown Relative t&#39; plank: Relative t&#39; plank up level: Static: </description>
     </item>
     <item>
       <title>Width</title>
diff --git a/pir/tests/links/_print/index.html b/pir/tests/links/_print/index.html
deleted file mode 100644
index b1e34d5e51..0000000000
--- a/pir/tests/links/_print/index.html
+++ /dev/null
@@ -1,330 +0,0 @@
-<!DOCTYPE html>
-<html lang="pir">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.101.0">
-    <meta name="generator" content="Relearn 5.0.3+tip">
-    <meta name="description" content="Some test&#39;n fer different styles o&#39; links">
-    <meta name="author" content="Sören Weber">
-    <title>Links :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="/hugo-theme-relearn/pir/tests/links/" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/pir/tests/links/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234288" rel="icon" type="image/svg+xml">
-    
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234288" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234288" rel="stylesheet">
-    </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234288" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234288" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234288" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234288" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234288"></script>
-    <script>
-      // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
-      // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
-      var index_url="/hugo-theme-relearn/pir/index.json";
-      var root_url="/";
-      var baseUri=root_url.replace(/\/$/, '');
-      // translations
-      window.T_Copy_to_clipboard = 'Copy t\u0027 clipboard';
-      window.T_Copied_to_clipboard = 'Copied t\u0027 clipboard!';
-      window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
-      window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
-      // some further base stuff
-      var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
-    </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234288" defer></script>
-  </head>
-  <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/links/">
-    <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
-      <nav id="topbar" class="highlightable">
-        <div>
-          <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/tests/width/" title="Width (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/images/" title="Images (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/tests/links/_print/">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link" title='Edit (CTRL+ALT+e)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/tests/links/_index.pir.md" target="blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
-          <div id="breadcrumbs">
-            <span id="sidebar-toggle-span">
-              <a href="#" id="sidebar-toggle" title='Menu (CTRL+ALT+m)'><i class="fas fa-bars fa-fw"></i></a>
-            </span>
-            <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <meta itemprop="itemListOrder" content="Descending" />
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/pir/"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a> > </li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="2" /><a itemprop="item" href="/hugo-theme-relearn/pir/tests/"><span itemprop="name">Tests</span></a> > </li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="1" /><a itemprop="item" href="/hugo-theme-relearn/pir/tests/links/" aria-disabled="true"><span itemprop="name">Links</span></a></li>
-            </ol>
-          </div>
-        </div>
-      </nav>
-      <main id="body-inner" class="highlightable default" tabindex="-1">
-        <div class="flex-block-wrapper">
-          <div id="head-tags">
-          </div>
-    
-          <article class="default">
-<h1>Links</h1>
-
-
-<div class="box notices cstyle warning">
-    <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
-    <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>    </div>
-</div>
-
-<p>Some test'n fer different styles o' links.</p>
-<h2 id="markdown">Marrrkdown</h2>
-<h3 id="relative-to-page">Relative t' plank:</h3>
-<p><img src="/hugo-theme-relearn/tests/links/images/magic.gif?classes=shadow" alt="Magic"></p>
-<h3 id="relative-to-page-up-level">Relative t' plank up level:</h3>
-<p><img src="/hugo-theme-relearn/pir/tests/links/../images/images/magic.gif?classes=shadow" alt="Magic"></p>
-<h3 id="static">Static:</h3>
-<p><img src="/images/logo.svg?classes=shadow" alt="Logo"></p>
-
-
-            <footer class="footline">
-            </footer>
-          </article>
-
-        </div>
-      </main>
-    </div>
-    <aside id="sidebar" class="default-animation showVisitedLinks">
-      <div id="header-wrapper" class="default-animation">
-        <div id="header" class="default-animation">
-          <style>
-            #logo svg,
-            #logo svg * {
-              color: #282828;
-              color: var(--MENU-SECTIONS-BG-color);
-              fill: #282828 !important;
-              fill: var(--MENU-SECTIONS-BG-color) !important;
-              opacity: .945;
-            }
-            a#logo {
-              color: #282828;
-              color: var(--MENU-SECTIONS-BG-color);
-              font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
-              font-weight: 300;
-              margin-top: -13px;
-              max-width: 60%;
-              text-transform: uppercase;
-              width: 226px;
-              white-space: nowrap;
-            }
-            a#logo:hover {
-              color: #282828;
-              color: var(--MENU-SECTIONS-BG-color);
-            }
-            #logo svg {
-              margin-bottom: -20px;
-              margin-left: -23.5px;
-              width: 40.5%;
-            }
-            @media only all and (max-width: 59.938em) {
-              a#logo {
-                font-size: 25px;
-                margin-top: -3px;
-              }
-              #logo svg {
-                margin-bottom: -12px;
-                margin-left: -23px;
-              }
-            }
-            @media all and (-ms-high-contrast:none) {
-              /* IE11s understanding of positioning is weird at best */
-              a#logo {
-                margin-top: -58px;
-              }
-              #logo svg {
-                margin-bottom: -62px;
-              }
-            }
-          </style>
-          <a id="logo" href="/hugo-theme-relearn/pir/">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
-              <path d="M46.103 136.34c-.642-.394-1.222-2.242-1.98-2.358-.76-.117-1.353.506-1.618 1.519-.266 1.012-.446 4.188.173 5.538.213.435.482.787 1.03.845.547.057.967-.504 1.45-1.027.482-.523.437-.9 1.142-.612.705.289 1.051.4 1.586 1.229.535.828 1.085 4.043.868 5.598-.241 1.458-.531 2.8-.59 4.088.26.075.517.148.772.217 2.68.724 5.373 1.037 7.873.02.001-.028.01-.105.008-.11-.048-.165-.18-.41-.36-.698-.18-.29-.414-.645-.586-1.114a3.212 3.212 0 0 1-.125-1.735c.056-.21.153-.342.249-.475 1.237-1.193 2.932-1.373 4.244-1.384.557-.004 1.389.016 2.198.255.809.239 1.706.724 2.068 1.843.187.578.114 1.17-.043 1.623-.153.438-.369.783-.545 1.091-.178.31-.329.6-.401.821-.007.02-.003.071-.005.094 2.256 1.008 4.716.91 7.189.398.55-.114 1.11-.247 1.673-.377.344-1.085.678-2.145.852-3.208.124-.752.158-2.311-.078-3.538-.118-.613-.306-1.15-.52-1.489-.221-.349-.413-.501-.747-.538-.243-.027-.51.013-.796.098-.67.223-1.33.606-1.966.76l-.008.002-.109.032c-.556.152-1.233.158-1.797-.36-.556-.51-.89-1.367-1.117-2.596-.283-1.528-.075-3.279.89-4.518l.071-.09h.07c.65-.71 1.485-.802 2.16-.599.706.213 1.333.629 1.772.84.736.354 1.185.319 1.475.171.291-.148.5-.439.668-.955.332-1.017.301-2.819.022-4.106-.148-.684-.13-1.292-.13-1.883-1.558-.463-3.067-.982-4.574-1.208-1.128-.169-2.263-.173-3.298.164-.13.046-.256.095-.38.15-.373.164-.633.342-.805.52-.077.098-.081.105-.087.21-.004.068.031.289.13.571.1.282.256.634.467 1.03.279.524.448 1.063.431 1.618a2.12 2.12 0 0 1-.499 1.309 1.757 1.757 0 0 1-.62.51h-.002c-.515.291-1.107.404-1.723.464-.86.083-1.787.026-2.598-.097-.806-.123-1.47-.28-1.948-.555-.444-.256-.79-.547-1.037-.925a2.273 2.273 0 0 1-.356-1.301c.029-.837.403-1.437.625-1.897.111-.23.191-.433.236-.583.045-.15.044-.25.046-.24-.005-.029-.127-.355-1.015-.741-1.138-.495-2.322-.673-3.533-.668h-.015a9.711 9.711 0 0 0-.521.016h-.002c-1.163.057-2.35.308-3.541.569.383 1.531.79 2.753.818 4.502-.096 1.297.158 2.114-1.03 2.935-.85.588-1.508.729-2.15.335" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:1.03763;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
-              <path d="M61.472 101.34v.002c-.3-.003-.603.01-.894.04-.544.055-1.39.165-1.778.306-1.238.364.13 2.344.41 2.913.28.569.285 2.03.14 2.134-.144.103-.375.261-.934.345-.56.084.03-.037-1.589.086-1.62.122-5.506.29-8.265.248-.022.26-.036.521-.097.808-.309 1.442-.63 3.163-.494 4.074.071.473.168.65.414.8.23.14.737.235 1.62-.004.834-.227 1.3-.442 1.887-.456.595-.016 1.555.472 1.965.717.411.245-.03-.008.002 0s.128.05.176.102c.049.053-.276-.523.104.199.379.721.72 3.256.002 4.68-.46.913-1.01 1.49-1.64 1.711-.63.22-1.229.067-1.734-.135-.881-.353-1.584-.7-2.205-.647-1.199 1.94-1.186 4.17-.6 6.602.097.397.212.814.327 1.23 2.68-.556 5.542-1.016 8.337.132 1.064.437 1.73 1.015 1.902 1.857.169.831-.193 1.508-.438 1.986-.122.238-.23.46-.307.642-.07.164-.096.28-.104.324.069.429.309.723.686.945.385.227.89.355 1.35.423.723.104 1.567.152 2.287.086.693-.064 1.032-.338 1.241-.544a2.447 2.447 0 0 0 .303-.437.175.175 0 0 0 .013-.035c-.004-.066-.037-.246-.195-.527-.46-.816-.87-1.595-.817-2.51.028-.476.218-.938.529-1.288.304-.343.698-.586 1.186-.79 1.442-.606 2.96-.609 4.372-.409 1.525.216 2.963.679 4.378 1.083.226-2.09.784-3.9.592-5.77-.058-.565-.287-1.333-.598-1.827-.32-.508-.59-.717-1.036-.642-.648.11-1.472.935-2.707 1.078-.791.092-1.494-.267-1.95-.86-.45-.583-.678-1.335-.78-2.101-.202-1.525.031-3.229.89-4.27.615-.747 1.45-.887 2.15-.74.687.145 1.307.492 1.857.745v-.002c.546.252 1.033.388 1.281.344a.547.547 0 0 0 .353-.188c.113-.124.242-.35.384-.75.604-1.712.206-3.68-.303-5.654-.667.145-1.336.293-2.018.413-1.341.236-2.73.392-4.136.273-.656-.055-1.695-.085-2.58-.476-.442-.195-.903-.514-1.157-1.093-.259-.591-.205-1.313.08-2.014.223-.64 1.082-2.178.692-2.585-.391-.407-1.651-.56-2.554-.571z" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:.992837;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
-              <path d="M83.128 98.116c-.484 1.875-1.057 3.757-2.486 5.033-.638.57-1.13.666-1.483.548-.401-.134-.715-.506-1.058-.973-.338-.461-.655-.97-1.076-1.332-.192-.165-.404-.315-.683-.38-.279-.066-.599-.02-.9.102-.489.196-.89.58-1.28 1.047a6.1 6.1 0 0 0-.985 1.632c-.234.591-.356 1.174-.277 1.713.072.487.392.977.905 1.185.463.187.926.156 1.36.154.433 0 .843.01 1.242.147.55.189.79.736.822 1.368.034.66-.145 1.412-.393 1.988l-.008.021c-.74 1.705-1.946 2.893-3.004 4.349l-.664.915.979.099c.924.092 1.788.26 2.468.675.46.281 1.806 1.205 2.794 2.222.497.513.888 1.031 1.047 1.502.078.231.095.422.05.6a.93.93 0 0 1-.345.474c-.301.223-.606.395-.864.532l-.354.186c-.107.058-.189.087-.345.228a.637.637 0 0 1 .062-.045l-.064.041-.209.236-.103.343s.003.126.007.152c.003.017.003.007.004.015v.002c.016.195.061.307.133.476a4.1 4.1 0 0 0 .32.596 5.7 5.7 0 0 0 2.8 2.258c.284.108.908.321 1.548.36.33.02.59.015.912-.13h.002c.08-.037.228-.095.382-.281.153-.186.19-.355.212-.445l.019-.075.003-.078c.023-.585-.037-1.296.072-1.899.153-.657.435-.956 1.009-.909 2.771.239 4.74 1.955 6.693 3.83l.742.714.279-1.155c.55-2.29 1.093-4.464 2.928-5.977.692-.57 1.184-.642 1.527-.509.39.151.676.536.996.995.319.458.605.926 1.07 1.212.194.119.464.232.784.209.32-.024.638-.163.988-.384 1.022-.645 1.778-1.756 2.086-2.942.136-.522.102-.991-.046-1.301-.158-.334-.433-.553-.754-.707-.653-.314-1.468-.373-2.094-.486-.825-.15-1.22-.475-1.345-.878-.13-.417 0-.953.335-1.61.6-1.173 1.887-2.602 3.13-3.911l.498-.526-.449-.432c-1.545-1.49-3.163-3.01-5.252-3.715h-.002c-.473-.16-1.097-.413-1.73-.424h-.003c-.311-.004-.596.04-.883.24v.002c-.22.155-.483.537-.583.937l-.008.036-.006.038c-.116.773-.06 1.467-.217 1.995-.063.212-.198.418-.359.507-.202.111-.492.153-.976.072-.582-.097-1.978-.69-3.021-1.503-.523-.407-.934-.85-1.117-1.3a1.153 1.153 0 0 1-.083-.63c.03-.184.1-.477.308-.593.21-.116.941-.32 1.377-.642h.002c.192-.141.403-.367.518-.64.114-.275.127-.526.123-.774-.006-.142-.036-.192-.08-.3a8.417 8.417 0 0 0-3-3.027c-1.226-.725-2.585-1.135-3.927-1.539-.434-.12-.844-.111-1.02.466zm.912.947c1.186.364 2.357.718 3.345 1.303 1.035.612 1.864 1.488 2.507 2.528-.514.263-1.095.5-1.44.79-.345.29-.729.914-.815 1.434-.084.509 0 .968.155 1.347.301.74.85 1.276 1.44 1.735 1.18.92 2.554 1.545 3.47 1.698.604.1 1.186.088 1.739-.216.594-.327.935-.911 1.088-1.427.264-.884.193-1.664.262-2.17h.1c.3.006.926.206 1.417.371 1.646.554 3.044 1.773 4.431 3.089-1.102 1.174-2.222 2.423-2.888 3.73-.42.823-.73 1.789-.453 2.687.283.913 1.1 1.415 2.138 1.603.691.126 1.472.226 1.84.403.19.091.258.182.278.223.03.064.058.075-.023.387-.21.804-.761 1.598-1.413 2.01-.247.155-.365.183-.407.187-.042.003-.061.002-.172-.066-.144-.088-.455-.473-.772-.929-.317-.454-.714-1.07-1.452-1.356-.783-.304-1.776-.022-2.713.75-1.942 1.6-2.626 3.764-3.146 5.8-1.802-1.676-3.772-3.138-6.589-3.517h-.002c-.346-.095-1.013-.031-1.293.143-.735.501-1.005 1.132-1.168 2.007-.125.69-.082 1.216-.074 1.659-.055.006-.046.01-.104.006-.42-.026-1.035-.215-1.244-.295-.947-.361-1.774-1.006-2.314-1.857-.054-.085-.072-.132-.109-.2l.027-.016c.284-.15.656-.36 1.045-.648.44-.327.789-.798.93-1.35a2.4 2.4 0 0 0-.068-1.379c-.254-.751-.753-1.353-1.295-1.911-1.09-1.124-2.452-2.049-2.99-2.378-.609-.372-1.303-.44-1.981-.56.875-1.094 1.878-2.251 2.596-3.921.294-.823.543-1.907.513-2.658-.049-.97-.489-2.013-1.52-2.367-.579-.2-1.131-.204-1.58-.203-.45.002-.786-.006-.97-.08h-.002c-.264-.107-.236-.108-.268-.33-.025-.17.021-.553.183-.962a4.67 4.67 0 0 1 .725-1.192c.29-.348.617-.59.705-.626.142-.057.176-.05.22-.04.045.011.127.052.263.17.235.201.56.671.92 1.161.354.484.791 1.08 1.543 1.33.8.267 1.784-.052 2.671-.846 1.594-1.424 2.235-3.317 2.714-5.051zm11.705 7.023c-.02.014.042-.002.042 0l-.008.035c.05-.2-.028-.04-.034-.035zM79.472 122.45a.198.198 0 0 1 .005.023v.014c-.002-.01-.003-.03-.005-.037zm-.29.732-.006.01-.044.027c.016-.01.033-.024.05-.036z" style="color:#000;fill:#282828;stroke-width:1.02352;-inkscape-stroke:none" transform="translate(-40.698 -95.175)"/>
-              <path d="M76.694 128.845c-.85-.012-1.668.253-2.434.67-.01.592-.015 1.17.109 1.772.323 1.573.422 3.553-.07 5.147-.247.804-.684 1.535-1.347 1.891-.663.356-1.467.296-2.362-.159-.522-.266-1.059-.62-1.487-.757-.223-.072-.392-.096-.522-.069-.13.027-.232.094-.362.27-.53.719-.681 1.823-.497 2.876.177 1.012.418 1.438.543 1.56.143.137.26.154.604.055.548-.158 1.523-.857 2.573-.972l.02-.002.5.058c.686.081 1.247.562 1.622 1.19.372.62.591 1.37.73 2.136.279 1.532.25 3.16.083 4.232-.14.91-.394 1.72-.632 2.53 1.719-.385 3.485-.692 5.307-.36 1.174.214 2.749.574 3.762 1.977l.088.122.046.159c.162.551.16 1.114.024 1.578-.13.45-.348.772-.533 1.023-.181.246-.336.444-.437.606-.102.16-.141.275-.145.336-.01.17 0 .197.07.315.057.1.186.242.39.366.408.246 1.106.414 1.843.45a7.842 7.842 0 0 0 2.174-.21 4.28 4.28 0 0 0 .822-.296c.218-.106.385-.242.377-.233l.029-.031c.025-.035.05-.072.05-.068 0-.004 0-.017-.003-.05a2.733 2.733 0 0 0-.21-.579c-.26-.548-.839-1.333-.822-2.46.01-.657.27-1.21.598-1.576.32-.357.696-.575 1.074-.736.759-.323 1.57-.418 2.054-.458 1.653-.136 3.252.296 4.755.765.457.142.905.29 1.352.434.325-2.258.902-4.247.598-6.217-.071-.46-.25-1.169-.486-1.684-.238-.518-.495-.762-.675-.779-.351-.032-.716.14-1.174.418-.457.277-1.005.665-1.695.742-.745.082-1.406-.291-1.84-.908-.428-.608-.653-1.394-.754-2.196-.203-1.596.016-3.377.794-4.493.568-.813 1.358-.984 2.024-.835.65.146 1.243.51 1.769.779.524.267.99.413 1.237.365a.527.527 0 0 0 .346-.2c.11-.132.235-.373.37-.798.612-1.918.27-3.894-.246-6.054-2.815-.851-5.49-1.534-8.089-.267a.727.727 0 0 0-.223.148c-.024.028-.018.021-.026.056.001-.003-.01.178.07.44.162.522.611 1.29.911 1.978l.004.009.029.063.024.084V133c.162.635.016 1.297-.274 1.727-.272.404-.618.636-.952.81-.675.353-1.399.484-1.724.533a5.888 5.888 0 0 1-3.973-.795c-.512-.311-.876-.594-1.133-1.02-.282-.466-.318-1.084-.172-1.557.252-.814.715-1.266.971-1.89a.663.663 0 0 0 .047-.14c.001-.013 0-.006-.007-.037a.761.761 0 0 0-.184-.268c-.264-.267-.865-.595-1.54-.826-1.356-.462-3.07-.659-3.583-.686-.062-.002-.121-.006-.178-.006z" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:.991342;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
-            </svg>
-            Relearn
-          </a>
-        </div>
-        <div class="searchbox default-animation">
-          <label for="search-by"><i class="fas fa-search"></i></label>
-          <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
-        </div>
-        <script>
-          var contentLangs=['en'];
-        </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234288" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234288" defer></script>
-      </div>
-      <div id="content-wrapper" class="highlightable">
-        <ul class="topics collapsible-menu">
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/" title="Basics" class="dd-item"><input type="checkbox" id="section-182650db393a58ea8a0385f10a515d92" class="toggle"/><label for="section-182650db393a58ea8a0385f10a515d92" ></label><a href="/hugo-theme-relearn/pir/basics/">1. Basics<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="What&#39;s new" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/migration/">What&#39;s new<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/requirements/" title="Requirrrements" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/requirements/">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/installation/" title="Installat&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/installation/">Installat&#39;n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><input type="checkbox" id="section-4074c32ab128bf79d499f2f6ddf50674" class="toggle"/><label for="section-4074c32ab128bf79d499f2f6ddf50674" ></label><a href="/hugo-theme-relearn/pir/cont/">2. Rambl&#39;n<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/pages/" title="Planks orrrganizat&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/archetypes/" title="Arrrchetypes" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/archetypes/">Arrrchetypes<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/markdown/" title="Marrrkdown rules" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/markdown/">Marrrkdown rules<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/syntaxhighlight/" title="Code highlight&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/syntaxhighlight/">Code highlight&#39;n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/menushortcuts/" title="Menu extrrra shorrrtcuts" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/menushortcuts/">Menu extrrra shorrrtcuts<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/icons/" title="Ay&#39;cons an&#39; logos" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/icons/">Ay&#39;cons an&#39; logos<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/i18n/">Multilingual an&#39; i18n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/tags/" title="Tags" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/tags/">Tags<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/" title="Shorrrtcodes" class="dd-item"><input type="checkbox" id="section-215953719902243a01571a1ede64aeeb" class="toggle"/><label for="section-215953719902243a01571a1ede64aeeb" ></label><a href="/hugo-theme-relearn/pir/shortcodes/">3. Shorrrtcodes<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Attachments" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/attachments/">Attachments<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/button/" title="Button" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/button/">Button<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/" title="Children" class="dd-item"><input type="checkbox" id="section-05de666a6804433386d9009e44fa7aa3" class="toggle"/><label for="section-05de666a6804433386d9009e44fa7aa3" ></label><a href="/hugo-theme-relearn/pir/shortcodes/children/">Children<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/children/test/">Plank X<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-1/" title="Plank 1" class="dd-item"><input type="checkbox" id="section-5c6c78bc0635ef1f61fdb91197081411" class="toggle"/><label for="section-5c6c78bc0635ef1f61fdb91197081411" ></label><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/">Plank 1<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" title="Plank 1-1" class="dd-item alwaysopen"><input type="checkbox" id="section-be87ceb25a7988952eb9556a69f3cbdf" class="toggle" checked/><label for="section-be87ceb25a7988952eb9556a69f3cbdf" ></label><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/">Plank 1-1<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="Plank 1-1-2" class="dd-item alwaysopen"><input type="checkbox" id="section-989ea17e090bb9681da73b58575dcced" class="toggle" checked/><label for="section-989ea17e090bb9681da73b58575dcced" ></label><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/">Plank 1-1-2<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="Plank 1-1-2-1" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">Plank 1-1-2-1<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="Plank 1-1-2-2" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">Plank 1-1-2-2<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="Plank 1-1-3" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/">Plank 1-1-3<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-2/" title="Plank 2" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/">Plank 2<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-3/" title="Plank 3" class="dd-item"><input type="checkbox" id="section-085f961452d7baa981ace00de789c321" class="toggle"/><label for="section-085f961452d7baa981ace00de789c321" ></label><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/">Plank 3<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/">Plank 3-1<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/expand/">Expand<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/include/" title="Include" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/include/">Include<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/math/" title="Math" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/math/">Math<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/mermaid/" title="Merrrmaid" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/mermaid/">Merrrmaid<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/notice/" title="Notice" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/notice/">Notice<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/siteparam/" title="Ship param" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/siteparam/">Ship param<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/swagger/" title="Swaggerrr" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/swagger/">Swaggerrr<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/tabs/">Tabbed views<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/" title="Tests" class="dd-item parent"><input type="checkbox" id="section-c87a917397d9230e7464e816b3f461b6" class="toggle" checked/><label for="section-c87a917397d9230e7464e816b3f461b6" ></label><a href="/hugo-theme-relearn/pir/tests/">4. Tests<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/" title="Chapters" class="dd-item"><input type="checkbox" id="section-8f2116339f52ef103b835db99773dc73" class="toggle"/><label for="section-8f2116339f52ef103b835db99773dc73" ></label><a href="/hugo-theme-relearn/pir/tests/chapters/">Chapters<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/1/" title="1" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/1/">1<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/10/" title="11" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/10/">11<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/2/" title="2" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/2/">2<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/3/" title="3" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/3/">3<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/4/" title="4" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/4/">4<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/5/" title="5" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/5/">5<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/6/" title="6" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/6/">6<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/7/" title="7" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/7/">7<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/8/" title="8" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/8/">8<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item active"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
-        </ul>
-        <div id="shortcuts">
-          <div class="nav-title">Morrre</div>
-          <ul>
-            <li><a class="padding" href="https://github.com/McShelby/hugo-theme-relearn"><i class='fab fa-fw fa-github'></i> GitHub repo</a></li>
-            <li><a class="padding" href="/hugo-theme-relearn/pir/more/showcase/"><i class='fas fa-fw fa-camera'></i> Showcases</a></li>
-            <li><a class="padding" href="https://gohugo.io/"><i class='fas fa-fw fa-bookmark'></i> Cap'n Hugo Documentat'n</a></li>
-            <li><a class="padding" href="/hugo-theme-relearn/pir/more/credits/"><i class='fas fa-fw fa-bullhorn'></i> Crrredits</a></li>
-            <li><a class="padding" href="/hugo-theme-relearn/pir/tags/"><i class='fas fa-fw fa-tags'></i> Arrr! Tags</a></li>
-          </ul>
-        </div>
-        <div class="footermargin footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"></div>
-        <hr class="default-animation footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"/>
-        <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
-          <ul>
-            <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <a class="padding select-container">
-                <i class="fas fa-language fa-fw"></i>
-                <span>&nbsp;</span>
-                <div class="select-style">
-                  <select id="select-language" onchange="location = baseUri + this.value;">
-                    <option id="en" value="/hugo-theme-relearn/tests/links/">English</option>
-                    <option id="pir" value="/hugo-theme-relearn/pir/tests/links/" selected>Arrr! ☠ Pirrrates ☠</option>
-                  </select>
-                </div>
-                <div class="select-clear"></div>
-              </a>
-            </li>
-            <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <a class="padding select-container">
-                <i class="fas fa-paint-brush fa-fw"></i>
-                <span>&nbsp;</span>
-                <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
-                    <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
-                    <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
-                    <option id="neon" value="neon">Neon</option>
-                    <option id="blue" value="blue">Blue</option>
-                    <option id="green" value="green">Green</option>
-                    <option id="red" value="red">Red</option>
-                  </select>
-                </div>
-                <div class="select-clear"></div>
-              </a>
-              <script>variants.markSelectedVariant();</script>
-            </li>
-            <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
-          </ul>
-        </div>
-        <div id="footer" class="footerFooter showFooter">
-          <style>
-            #footer {
-              font-size: 13px;
-              height: 100px;
-              margin-left: auto;
-              margin-right: auto;
-              padding: 2rem 1rem;
-              text-align: center;
-              min-width: 230px;
-              max-width: 300px;
-            }
-            #footer p {
-              margin: 0;
-            }
-          </style>
-          <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
-          <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
-          <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
-          <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234288"></script>
-        </div>
-      </div>
-    </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234288" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234288" defer></script>
-  </body>
-</html>
diff --git a/pir/tests/links/index.html b/pir/tests/links/index.html
deleted file mode 100644
index 47eb7e99e6..0000000000
--- a/pir/tests/links/index.html
+++ /dev/null
@@ -1,329 +0,0 @@
-<!DOCTYPE html>
-<html lang="pir">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.101.0">
-    <meta name="generator" content="Relearn 5.0.3+tip">
-    <meta name="description" content="Some test&#39;n fer different styles o&#39; links">
-    <meta name="author" content="Sören Weber">
-    <title>Links :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="/hugo-theme-relearn/pir/tests/links/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/pir/tests/links/_print/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234287" rel="icon" type="image/svg+xml">
-    
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234287" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234287" rel="stylesheet">
-    </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234287" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234287" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234287" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234287" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234287"></script>
-    <script>
-      // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
-      // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
-      var index_url="/hugo-theme-relearn/pir/index.json";
-      var root_url="/";
-      var baseUri=root_url.replace(/\/$/, '');
-      // translations
-      window.T_Copy_to_clipboard = 'Copy t\u0027 clipboard';
-      window.T_Copied_to_clipboard = 'Copied t\u0027 clipboard!';
-      window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
-      window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
-      // some further base stuff
-      var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
-    </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234287" defer></script>
-  </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/links/">
-    <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
-      <nav id="topbar" class="highlightable">
-        <div>
-          <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/pir/tests/width/" title="Width (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/images/" title="Images (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/tests/links/_print/">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link" title='Edit (CTRL+ALT+e)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/tests/links/_index.pir.md" target="blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
-          <div id="breadcrumbs">
-            <span id="sidebar-toggle-span">
-              <a href="#" id="sidebar-toggle" title='Menu (CTRL+ALT+m)'><i class="fas fa-bars fa-fw"></i></a>
-            </span>
-            <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <meta itemprop="itemListOrder" content="Descending" />
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/pir/"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a> > </li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="2" /><a itemprop="item" href="/hugo-theme-relearn/pir/tests/"><span itemprop="name">Tests</span></a> > </li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="1" /><a itemprop="item" href="/hugo-theme-relearn/pir/tests/links/" aria-disabled="true"><span itemprop="name">Links</span></a></li>
-            </ol>
-          </div>
-        </div>
-      </nav>
-      <main id="body-inner" class="highlightable default" tabindex="-1">
-        <div class="flex-block-wrapper">
-          <div id="head-tags">
-          </div>
-          <article class="default">
-<h1>Links</h1>
-
-
-<div class="box notices cstyle warning">
-    <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
-    <div class="box-content">
-<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p>    </div>
-</div>
-
-<p>Some test'n fer different styles o' links.</p>
-<h2 id="markdown">Marrrkdown</h2>
-<h3 id="relative-to-page">Relative t' plank:</h3>
-<p><img src="/hugo-theme-relearn/tests/links/images/magic.gif?classes=shadow" alt="Magic"></p>
-<h3 id="relative-to-page-up-level">Relative t' plank up level:</h3>
-<p><img src="../images/images/magic.gif?classes=shadow" alt="Magic"></p>
-<h3 id="static">Static:</h3>
-<p><img src="/images/logo.svg?classes=shadow" alt="Logo"></p>
-
-
-            <footer class="footline">
-            </footer>
-          </article>
-
-        </div>
-      </main>
-    </div>
-    <aside id="sidebar" class="default-animation showVisitedLinks">
-      <div id="header-wrapper" class="default-animation">
-        <div id="header" class="default-animation">
-          <style>
-            #logo svg,
-            #logo svg * {
-              color: #282828;
-              color: var(--MENU-SECTIONS-BG-color);
-              fill: #282828 !important;
-              fill: var(--MENU-SECTIONS-BG-color) !important;
-              opacity: .945;
-            }
-            a#logo {
-              color: #282828;
-              color: var(--MENU-SECTIONS-BG-color);
-              font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
-              font-weight: 300;
-              margin-top: -13px;
-              max-width: 60%;
-              text-transform: uppercase;
-              width: 226px;
-              white-space: nowrap;
-            }
-            a#logo:hover {
-              color: #282828;
-              color: var(--MENU-SECTIONS-BG-color);
-            }
-            #logo svg {
-              margin-bottom: -20px;
-              margin-left: -23.5px;
-              width: 40.5%;
-            }
-            @media only all and (max-width: 59.938em) {
-              a#logo {
-                font-size: 25px;
-                margin-top: -3px;
-              }
-              #logo svg {
-                margin-bottom: -12px;
-                margin-left: -23px;
-              }
-            }
-            @media all and (-ms-high-contrast:none) {
-              /* IE11s understanding of positioning is weird at best */
-              a#logo {
-                margin-top: -58px;
-              }
-              #logo svg {
-                margin-bottom: -62px;
-              }
-            }
-          </style>
-          <a id="logo" href="/hugo-theme-relearn/pir/">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
-              <path d="M46.103 136.34c-.642-.394-1.222-2.242-1.98-2.358-.76-.117-1.353.506-1.618 1.519-.266 1.012-.446 4.188.173 5.538.213.435.482.787 1.03.845.547.057.967-.504 1.45-1.027.482-.523.437-.9 1.142-.612.705.289 1.051.4 1.586 1.229.535.828 1.085 4.043.868 5.598-.241 1.458-.531 2.8-.59 4.088.26.075.517.148.772.217 2.68.724 5.373 1.037 7.873.02.001-.028.01-.105.008-.11-.048-.165-.18-.41-.36-.698-.18-.29-.414-.645-.586-1.114a3.212 3.212 0 0 1-.125-1.735c.056-.21.153-.342.249-.475 1.237-1.193 2.932-1.373 4.244-1.384.557-.004 1.389.016 2.198.255.809.239 1.706.724 2.068 1.843.187.578.114 1.17-.043 1.623-.153.438-.369.783-.545 1.091-.178.31-.329.6-.401.821-.007.02-.003.071-.005.094 2.256 1.008 4.716.91 7.189.398.55-.114 1.11-.247 1.673-.377.344-1.085.678-2.145.852-3.208.124-.752.158-2.311-.078-3.538-.118-.613-.306-1.15-.52-1.489-.221-.349-.413-.501-.747-.538-.243-.027-.51.013-.796.098-.67.223-1.33.606-1.966.76l-.008.002-.109.032c-.556.152-1.233.158-1.797-.36-.556-.51-.89-1.367-1.117-2.596-.283-1.528-.075-3.279.89-4.518l.071-.09h.07c.65-.71 1.485-.802 2.16-.599.706.213 1.333.629 1.772.84.736.354 1.185.319 1.475.171.291-.148.5-.439.668-.955.332-1.017.301-2.819.022-4.106-.148-.684-.13-1.292-.13-1.883-1.558-.463-3.067-.982-4.574-1.208-1.128-.169-2.263-.173-3.298.164-.13.046-.256.095-.38.15-.373.164-.633.342-.805.52-.077.098-.081.105-.087.21-.004.068.031.289.13.571.1.282.256.634.467 1.03.279.524.448 1.063.431 1.618a2.12 2.12 0 0 1-.499 1.309 1.757 1.757 0 0 1-.62.51h-.002c-.515.291-1.107.404-1.723.464-.86.083-1.787.026-2.598-.097-.806-.123-1.47-.28-1.948-.555-.444-.256-.79-.547-1.037-.925a2.273 2.273 0 0 1-.356-1.301c.029-.837.403-1.437.625-1.897.111-.23.191-.433.236-.583.045-.15.044-.25.046-.24-.005-.029-.127-.355-1.015-.741-1.138-.495-2.322-.673-3.533-.668h-.015a9.711 9.711 0 0 0-.521.016h-.002c-1.163.057-2.35.308-3.541.569.383 1.531.79 2.753.818 4.502-.096 1.297.158 2.114-1.03 2.935-.85.588-1.508.729-2.15.335" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:1.03763;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
-              <path d="M61.472 101.34v.002c-.3-.003-.603.01-.894.04-.544.055-1.39.165-1.778.306-1.238.364.13 2.344.41 2.913.28.569.285 2.03.14 2.134-.144.103-.375.261-.934.345-.56.084.03-.037-1.589.086-1.62.122-5.506.29-8.265.248-.022.26-.036.521-.097.808-.309 1.442-.63 3.163-.494 4.074.071.473.168.65.414.8.23.14.737.235 1.62-.004.834-.227 1.3-.442 1.887-.456.595-.016 1.555.472 1.965.717.411.245-.03-.008.002 0s.128.05.176.102c.049.053-.276-.523.104.199.379.721.72 3.256.002 4.68-.46.913-1.01 1.49-1.64 1.711-.63.22-1.229.067-1.734-.135-.881-.353-1.584-.7-2.205-.647-1.199 1.94-1.186 4.17-.6 6.602.097.397.212.814.327 1.23 2.68-.556 5.542-1.016 8.337.132 1.064.437 1.73 1.015 1.902 1.857.169.831-.193 1.508-.438 1.986-.122.238-.23.46-.307.642-.07.164-.096.28-.104.324.069.429.309.723.686.945.385.227.89.355 1.35.423.723.104 1.567.152 2.287.086.693-.064 1.032-.338 1.241-.544a2.447 2.447 0 0 0 .303-.437.175.175 0 0 0 .013-.035c-.004-.066-.037-.246-.195-.527-.46-.816-.87-1.595-.817-2.51.028-.476.218-.938.529-1.288.304-.343.698-.586 1.186-.79 1.442-.606 2.96-.609 4.372-.409 1.525.216 2.963.679 4.378 1.083.226-2.09.784-3.9.592-5.77-.058-.565-.287-1.333-.598-1.827-.32-.508-.59-.717-1.036-.642-.648.11-1.472.935-2.707 1.078-.791.092-1.494-.267-1.95-.86-.45-.583-.678-1.335-.78-2.101-.202-1.525.031-3.229.89-4.27.615-.747 1.45-.887 2.15-.74.687.145 1.307.492 1.857.745v-.002c.546.252 1.033.388 1.281.344a.547.547 0 0 0 .353-.188c.113-.124.242-.35.384-.75.604-1.712.206-3.68-.303-5.654-.667.145-1.336.293-2.018.413-1.341.236-2.73.392-4.136.273-.656-.055-1.695-.085-2.58-.476-.442-.195-.903-.514-1.157-1.093-.259-.591-.205-1.313.08-2.014.223-.64 1.082-2.178.692-2.585-.391-.407-1.651-.56-2.554-.571z" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:.992837;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
-              <path d="M83.128 98.116c-.484 1.875-1.057 3.757-2.486 5.033-.638.57-1.13.666-1.483.548-.401-.134-.715-.506-1.058-.973-.338-.461-.655-.97-1.076-1.332-.192-.165-.404-.315-.683-.38-.279-.066-.599-.02-.9.102-.489.196-.89.58-1.28 1.047a6.1 6.1 0 0 0-.985 1.632c-.234.591-.356 1.174-.277 1.713.072.487.392.977.905 1.185.463.187.926.156 1.36.154.433 0 .843.01 1.242.147.55.189.79.736.822 1.368.034.66-.145 1.412-.393 1.988l-.008.021c-.74 1.705-1.946 2.893-3.004 4.349l-.664.915.979.099c.924.092 1.788.26 2.468.675.46.281 1.806 1.205 2.794 2.222.497.513.888 1.031 1.047 1.502.078.231.095.422.05.6a.93.93 0 0 1-.345.474c-.301.223-.606.395-.864.532l-.354.186c-.107.058-.189.087-.345.228a.637.637 0 0 1 .062-.045l-.064.041-.209.236-.103.343s.003.126.007.152c.003.017.003.007.004.015v.002c.016.195.061.307.133.476a4.1 4.1 0 0 0 .32.596 5.7 5.7 0 0 0 2.8 2.258c.284.108.908.321 1.548.36.33.02.59.015.912-.13h.002c.08-.037.228-.095.382-.281.153-.186.19-.355.212-.445l.019-.075.003-.078c.023-.585-.037-1.296.072-1.899.153-.657.435-.956 1.009-.909 2.771.239 4.74 1.955 6.693 3.83l.742.714.279-1.155c.55-2.29 1.093-4.464 2.928-5.977.692-.57 1.184-.642 1.527-.509.39.151.676.536.996.995.319.458.605.926 1.07 1.212.194.119.464.232.784.209.32-.024.638-.163.988-.384 1.022-.645 1.778-1.756 2.086-2.942.136-.522.102-.991-.046-1.301-.158-.334-.433-.553-.754-.707-.653-.314-1.468-.373-2.094-.486-.825-.15-1.22-.475-1.345-.878-.13-.417 0-.953.335-1.61.6-1.173 1.887-2.602 3.13-3.911l.498-.526-.449-.432c-1.545-1.49-3.163-3.01-5.252-3.715h-.002c-.473-.16-1.097-.413-1.73-.424h-.003c-.311-.004-.596.04-.883.24v.002c-.22.155-.483.537-.583.937l-.008.036-.006.038c-.116.773-.06 1.467-.217 1.995-.063.212-.198.418-.359.507-.202.111-.492.153-.976.072-.582-.097-1.978-.69-3.021-1.503-.523-.407-.934-.85-1.117-1.3a1.153 1.153 0 0 1-.083-.63c.03-.184.1-.477.308-.593.21-.116.941-.32 1.377-.642h.002c.192-.141.403-.367.518-.64.114-.275.127-.526.123-.774-.006-.142-.036-.192-.08-.3a8.417 8.417 0 0 0-3-3.027c-1.226-.725-2.585-1.135-3.927-1.539-.434-.12-.844-.111-1.02.466zm.912.947c1.186.364 2.357.718 3.345 1.303 1.035.612 1.864 1.488 2.507 2.528-.514.263-1.095.5-1.44.79-.345.29-.729.914-.815 1.434-.084.509 0 .968.155 1.347.301.74.85 1.276 1.44 1.735 1.18.92 2.554 1.545 3.47 1.698.604.1 1.186.088 1.739-.216.594-.327.935-.911 1.088-1.427.264-.884.193-1.664.262-2.17h.1c.3.006.926.206 1.417.371 1.646.554 3.044 1.773 4.431 3.089-1.102 1.174-2.222 2.423-2.888 3.73-.42.823-.73 1.789-.453 2.687.283.913 1.1 1.415 2.138 1.603.691.126 1.472.226 1.84.403.19.091.258.182.278.223.03.064.058.075-.023.387-.21.804-.761 1.598-1.413 2.01-.247.155-.365.183-.407.187-.042.003-.061.002-.172-.066-.144-.088-.455-.473-.772-.929-.317-.454-.714-1.07-1.452-1.356-.783-.304-1.776-.022-2.713.75-1.942 1.6-2.626 3.764-3.146 5.8-1.802-1.676-3.772-3.138-6.589-3.517h-.002c-.346-.095-1.013-.031-1.293.143-.735.501-1.005 1.132-1.168 2.007-.125.69-.082 1.216-.074 1.659-.055.006-.046.01-.104.006-.42-.026-1.035-.215-1.244-.295-.947-.361-1.774-1.006-2.314-1.857-.054-.085-.072-.132-.109-.2l.027-.016c.284-.15.656-.36 1.045-.648.44-.327.789-.798.93-1.35a2.4 2.4 0 0 0-.068-1.379c-.254-.751-.753-1.353-1.295-1.911-1.09-1.124-2.452-2.049-2.99-2.378-.609-.372-1.303-.44-1.981-.56.875-1.094 1.878-2.251 2.596-3.921.294-.823.543-1.907.513-2.658-.049-.97-.489-2.013-1.52-2.367-.579-.2-1.131-.204-1.58-.203-.45.002-.786-.006-.97-.08h-.002c-.264-.107-.236-.108-.268-.33-.025-.17.021-.553.183-.962a4.67 4.67 0 0 1 .725-1.192c.29-.348.617-.59.705-.626.142-.057.176-.05.22-.04.045.011.127.052.263.17.235.201.56.671.92 1.161.354.484.791 1.08 1.543 1.33.8.267 1.784-.052 2.671-.846 1.594-1.424 2.235-3.317 2.714-5.051zm11.705 7.023c-.02.014.042-.002.042 0l-.008.035c.05-.2-.028-.04-.034-.035zM79.472 122.45a.198.198 0 0 1 .005.023v.014c-.002-.01-.003-.03-.005-.037zm-.29.732-.006.01-.044.027c.016-.01.033-.024.05-.036z" style="color:#000;fill:#282828;stroke-width:1.02352;-inkscape-stroke:none" transform="translate(-40.698 -95.175)"/>
-              <path d="M76.694 128.845c-.85-.012-1.668.253-2.434.67-.01.592-.015 1.17.109 1.772.323 1.573.422 3.553-.07 5.147-.247.804-.684 1.535-1.347 1.891-.663.356-1.467.296-2.362-.159-.522-.266-1.059-.62-1.487-.757-.223-.072-.392-.096-.522-.069-.13.027-.232.094-.362.27-.53.719-.681 1.823-.497 2.876.177 1.012.418 1.438.543 1.56.143.137.26.154.604.055.548-.158 1.523-.857 2.573-.972l.02-.002.5.058c.686.081 1.247.562 1.622 1.19.372.62.591 1.37.73 2.136.279 1.532.25 3.16.083 4.232-.14.91-.394 1.72-.632 2.53 1.719-.385 3.485-.692 5.307-.36 1.174.214 2.749.574 3.762 1.977l.088.122.046.159c.162.551.16 1.114.024 1.578-.13.45-.348.772-.533 1.023-.181.246-.336.444-.437.606-.102.16-.141.275-.145.336-.01.17 0 .197.07.315.057.1.186.242.39.366.408.246 1.106.414 1.843.45a7.842 7.842 0 0 0 2.174-.21 4.28 4.28 0 0 0 .822-.296c.218-.106.385-.242.377-.233l.029-.031c.025-.035.05-.072.05-.068 0-.004 0-.017-.003-.05a2.733 2.733 0 0 0-.21-.579c-.26-.548-.839-1.333-.822-2.46.01-.657.27-1.21.598-1.576.32-.357.696-.575 1.074-.736.759-.323 1.57-.418 2.054-.458 1.653-.136 3.252.296 4.755.765.457.142.905.29 1.352.434.325-2.258.902-4.247.598-6.217-.071-.46-.25-1.169-.486-1.684-.238-.518-.495-.762-.675-.779-.351-.032-.716.14-1.174.418-.457.277-1.005.665-1.695.742-.745.082-1.406-.291-1.84-.908-.428-.608-.653-1.394-.754-2.196-.203-1.596.016-3.377.794-4.493.568-.813 1.358-.984 2.024-.835.65.146 1.243.51 1.769.779.524.267.99.413 1.237.365a.527.527 0 0 0 .346-.2c.11-.132.235-.373.37-.798.612-1.918.27-3.894-.246-6.054-2.815-.851-5.49-1.534-8.089-.267a.727.727 0 0 0-.223.148c-.024.028-.018.021-.026.056.001-.003-.01.178.07.44.162.522.611 1.29.911 1.978l.004.009.029.063.024.084V133c.162.635.016 1.297-.274 1.727-.272.404-.618.636-.952.81-.675.353-1.399.484-1.724.533a5.888 5.888 0 0 1-3.973-.795c-.512-.311-.876-.594-1.133-1.02-.282-.466-.318-1.084-.172-1.557.252-.814.715-1.266.971-1.89a.663.663 0 0 0 .047-.14c.001-.013 0-.006-.007-.037a.761.761 0 0 0-.184-.268c-.264-.267-.865-.595-1.54-.826-1.356-.462-3.07-.659-3.583-.686-.062-.002-.121-.006-.178-.006z" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:.991342;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
-            </svg>
-            Relearn
-          </a>
-        </div>
-        <div class="searchbox default-animation">
-          <label for="search-by"><i class="fas fa-search"></i></label>
-          <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
-        </div>
-        <script>
-          var contentLangs=['en'];
-        </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234287" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234287" defer></script>
-      </div>
-      <div id="content-wrapper" class="highlightable">
-        <ul class="topics collapsible-menu">
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/" title="Basics" class="dd-item"><input type="checkbox" id="section-182650db393a58ea8a0385f10a515d92" class="toggle"/><label for="section-182650db393a58ea8a0385f10a515d92" ></label><a href="/hugo-theme-relearn/pir/basics/">1. Basics<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="What&#39;s new" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/migration/">What&#39;s new<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/requirements/" title="Requirrrements" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/requirements/">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/installation/" title="Installat&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/installation/">Installat&#39;n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><input type="checkbox" id="section-4074c32ab128bf79d499f2f6ddf50674" class="toggle"/><label for="section-4074c32ab128bf79d499f2f6ddf50674" ></label><a href="/hugo-theme-relearn/pir/cont/">2. Rambl&#39;n<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/pages/" title="Planks orrrganizat&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/archetypes/" title="Arrrchetypes" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/archetypes/">Arrrchetypes<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/markdown/" title="Marrrkdown rules" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/markdown/">Marrrkdown rules<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/syntaxhighlight/" title="Code highlight&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/syntaxhighlight/">Code highlight&#39;n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/menushortcuts/" title="Menu extrrra shorrrtcuts" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/menushortcuts/">Menu extrrra shorrrtcuts<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/icons/" title="Ay&#39;cons an&#39; logos" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/icons/">Ay&#39;cons an&#39; logos<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/i18n/" title="Multilingual an&#39; i18n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/i18n/">Multilingual an&#39; i18n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/cont/tags/" title="Tags" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/tags/">Tags<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/" title="Shorrrtcodes" class="dd-item"><input type="checkbox" id="section-215953719902243a01571a1ede64aeeb" class="toggle"/><label for="section-215953719902243a01571a1ede64aeeb" ></label><a href="/hugo-theme-relearn/pir/shortcodes/">3. Shorrrtcodes<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Attachments" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/attachments/">Attachments<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/button/" title="Button" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/button/">Button<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/" title="Children" class="dd-item"><input type="checkbox" id="section-05de666a6804433386d9009e44fa7aa3" class="toggle"/><label for="section-05de666a6804433386d9009e44fa7aa3" ></label><a href="/hugo-theme-relearn/pir/shortcodes/children/">Children<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Plank X" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/children/test/">Plank X<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-1/" title="Plank 1" class="dd-item"><input type="checkbox" id="section-5c6c78bc0635ef1f61fdb91197081411" class="toggle"/><label for="section-5c6c78bc0635ef1f61fdb91197081411" ></label><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/">Plank 1<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" title="Plank 1-1" class="dd-item alwaysopen"><input type="checkbox" id="section-be87ceb25a7988952eb9556a69f3cbdf" class="toggle" checked/><label for="section-be87ceb25a7988952eb9556a69f3cbdf" ></label><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/">Plank 1-1<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="Plank 1-1-2" class="dd-item alwaysopen"><input type="checkbox" id="section-989ea17e090bb9681da73b58575dcced" class="toggle" checked/><label for="section-989ea17e090bb9681da73b58575dcced" ></label><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/">Plank 1-1-2<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="Plank 1-1-2-1" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">Plank 1-1-2-1<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="Plank 1-1-2-2" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">Plank 1-1-2-2<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="Plank 1-1-3" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/">Plank 1-1-3<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-2/" title="Plank 2" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/">Plank 2<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-3/" title="Plank 3" class="dd-item"><input type="checkbox" id="section-085f961452d7baa981ace00de789c321" class="toggle"/><label for="section-085f961452d7baa981ace00de789c321" ></label><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/">Plank 3<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Plank 3-1" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/">Plank 3-1<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/expand/" title="Expand" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/expand/">Expand<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/include/" title="Include" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/include/">Include<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/math/" title="Math" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/math/">Math<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/mermaid/" title="Merrrmaid" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/mermaid/">Merrrmaid<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/notice/" title="Notice" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/notice/">Notice<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/siteparam/" title="Ship param" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/siteparam/">Ship param<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/swagger/" title="Swaggerrr" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/swagger/">Swaggerrr<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Tabbed views" class="dd-item"><a href="/hugo-theme-relearn/pir/shortcodes/tabs/">Tabbed views<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/" title="Tests" class="dd-item parent"><input type="checkbox" id="section-c87a917397d9230e7464e816b3f461b6" class="toggle" checked/><label for="section-c87a917397d9230e7464e816b3f461b6" ></label><a href="/hugo-theme-relearn/pir/tests/">4. Tests<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/" title="Chapters" class="dd-item"><input type="checkbox" id="section-8f2116339f52ef103b835db99773dc73" class="toggle"/><label for="section-8f2116339f52ef103b835db99773dc73" ></label><a href="/hugo-theme-relearn/pir/tests/chapters/">Chapters<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/1/" title="1" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/1/">1<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/10/" title="11" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/10/">11<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/2/" title="2" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/2/">2<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/3/" title="3" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/3/">3<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/4/" title="4" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/4/">4<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/5/" title="5" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/5/">5<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/6/" title="6" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/6/">6<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/7/" title="7" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/7/">7<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/8/" title="8" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/8/">8<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item active"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
-        </ul>
-        <div id="shortcuts">
-          <div class="nav-title">Morrre</div>
-          <ul>
-            <li><a class="padding" href="https://github.com/McShelby/hugo-theme-relearn"><i class='fab fa-fw fa-github'></i> GitHub repo</a></li>
-            <li><a class="padding" href="/hugo-theme-relearn/pir/more/showcase/"><i class='fas fa-fw fa-camera'></i> Showcases</a></li>
-            <li><a class="padding" href="https://gohugo.io/"><i class='fas fa-fw fa-bookmark'></i> Cap'n Hugo Documentat'n</a></li>
-            <li><a class="padding" href="/hugo-theme-relearn/pir/more/credits/"><i class='fas fa-fw fa-bullhorn'></i> Crrredits</a></li>
-            <li><a class="padding" href="/hugo-theme-relearn/pir/tags/"><i class='fas fa-fw fa-tags'></i> Arrr! Tags</a></li>
-          </ul>
-        </div>
-        <div class="footermargin footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"></div>
-        <hr class="default-animation footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"/>
-        <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
-          <ul>
-            <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <a class="padding select-container">
-                <i class="fas fa-language fa-fw"></i>
-                <span>&nbsp;</span>
-                <div class="select-style">
-                  <select id="select-language" onchange="location = baseUri + this.value;">
-                    <option id="en" value="/hugo-theme-relearn/tests/links/">English</option>
-                    <option id="pir" value="/hugo-theme-relearn/pir/tests/links/" selected>Arrr! ☠ Pirrrates ☠</option>
-                  </select>
-                </div>
-                <div class="select-clear"></div>
-              </a>
-            </li>
-            <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <a class="padding select-container">
-                <i class="fas fa-paint-brush fa-fw"></i>
-                <span>&nbsp;</span>
-                <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
-                    <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
-                    <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
-                    <option id="neon" value="neon">Neon</option>
-                    <option id="blue" value="blue">Blue</option>
-                    <option id="green" value="green">Green</option>
-                    <option id="red" value="red">Red</option>
-                  </select>
-                </div>
-                <div class="select-clear"></div>
-              </a>
-              <script>variants.markSelectedVariant();</script>
-            </li>
-            <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
-          </ul>
-        </div>
-        <div id="footer" class="footerFooter showFooter">
-          <style>
-            #footer {
-              font-size: 13px;
-              height: 100px;
-              margin-left: auto;
-              margin-right: auto;
-              padding: 2rem 1rem;
-              text-align: center;
-              min-width: 230px;
-              max-width: 300px;
-            }
-            #footer p {
-              margin: 0;
-            }
-          </style>
-          <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
-          <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
-          <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
-          <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234287"></script>
-        </div>
-      </div>
-    </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234287" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234287" defer></script>
-  </body>
-</html>
diff --git a/pir/tests/links/index.xml b/pir/tests/links/index.xml
deleted file mode 100644
index e0ec0e01b0..0000000000
--- a/pir/tests/links/index.xml
+++ /dev/null
@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Links on Cap&#39;n Hugo Relearrrn Theme</title>
-    <link>https://McShelby.github.io/hugo-theme-relearn/pir/tests/links/</link>
-    <description>Recent content in Links on Cap&#39;n Hugo Relearrrn Theme</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en</language><atom:link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/links/index.xml" rel="self" type="application/rss+xml" />
-  </channel>
-</rss>
\ No newline at end of file
diff --git a/pir/tests/width/index.html b/pir/tests/width/index.html
index 525ed5ad1d..284dfec81b 100644
--- a/pir/tests/width/index.html
+++ b/pir/tests/width/index.html
@@ -10,25 +10,25 @@
     <title>Width :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="/hugo-theme-relearn/pir/tests/width/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="/hugo-theme-relearn/pir/_print/tests/width/" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234286" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830006" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234286" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234286" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830006" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830006" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234286" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234286" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234286" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234286" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234286"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830006" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830006" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830006" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830006"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830006" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/width/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/pir/tests/width/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/links/" title="Links (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/pir/tests/images/" title="Images (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="/hugo-theme-relearn/pir/_print/tests/width/">
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234286" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234286" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830006" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830006" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +251,6 @@
           <li data-nav-id="/hugo-theme-relearn/pir/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/pir/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/pir/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/pir/tests/width/" title="Width" class="dd-item active"><a href="/hugo-theme-relearn/pir/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -286,7 +285,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -298,7 +297,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</a></li>
           </ul>
@@ -323,13 +322,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234286"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830006"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234286" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234286" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830006" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830006" defer></script>
   </body>
 </html>
diff --git a/shortcodes/_print/index.html b/shortcodes/_print/index.html
index 3c4790e470..bcb0278b2c 100644
--- a/shortcodes/_print/index.html
+++ b/shortcodes/_print/index.html
@@ -10,25 +10,26 @@
     <title>Shortcodes :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/" title="Children (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/tags/" title="Tags (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -84,7 +85,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="chapter">
 <div class="article-subheading">Chapter 3</div>
 <h1>Shortcodes</h1>
@@ -146,7 +147,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Attachments</h1>
 
@@ -313,7 +314,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Button</h1>
 
@@ -554,7 +555,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Children</h1>
 
@@ -750,7 +751,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page X</h1>
 
@@ -760,7 +761,7 @@ So its content is used as description.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>page 1</h1>
 
@@ -776,7 +777,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1</h1>
 
@@ -794,7 +795,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-2</h1>
 
@@ -811,7 +812,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-2-1</h1>
 
@@ -821,7 +822,7 @@ So its content is used as description.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>page 1-1-2-2</h1>
 
@@ -832,7 +833,7 @@ So its content is used as description.</p>
           </article>
 
           </section>
-    
+		
           <article class="default">
 <h1>page 1-1-3</h1>
 
@@ -844,7 +845,7 @@ So its content is used as description.</p>
 
           </section>
           </section>
-    
+		
           <article class="default">
 <h1>page 2</h1>
 
@@ -855,7 +856,7 @@ So its content is used as description.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>page 3</h1>
 
@@ -871,7 +872,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 3-1</h1>
 
@@ -883,7 +884,7 @@ So its content is used as description.</p>
 
           </section>
           </section>
-    
+		
           <article class="default">
 <h1>Expand</h1>
 
@@ -1044,7 +1045,7 @@ No need to press you!
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Include</h1>
 
@@ -1137,7 +1138,7 @@ No need to press you!
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Math</h1>
 
@@ -1290,7 +1291,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Mermaid</h1>
 
@@ -1564,7 +1565,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Notice</h1>
 
@@ -1862,7 +1863,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Site param</h1>
 
@@ -1937,7 +1938,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Swagger</h1>
 
@@ -2032,7 +2033,7 @@ classDiagram
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Tabbed views</h1>
 
@@ -2331,12 +2332,12 @@ classDiagram
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -2412,7 +2413,7 @@ classDiagram
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -2424,7 +2425,7 @@ classDiagram
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -2449,13 +2450,13 @@ classDiagram
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
     <script>
       function useMathJax( config ){
         window.MathJax = Object.assign({
@@ -2480,14 +2481,14 @@ classDiagram
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="/hugo-theme-relearn/js/mathjax/tex-mml-chtml.js?1657234284"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657234284" defer></script>
+    <script id="MathJax-script" async src="/hugo-theme-relearn/js/mathjax/tex-mml-chtml.js?1657830004"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657830004" defer></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
           mermaid.initialize( Object.assign( { "securityLevel": "antiscript", "startOnLoad": false  }, config ) );
-          if( config.theme ){
+          if( config.theme && variants ){
             var write_style = variants.findLoadedStylesheet( 'variant-style' );
             write_style.setProperty( '--CONFIG-MERMAID-theme', config.theme );
           }
@@ -2495,16 +2496,16 @@ classDiagram
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1657830004" defer></script>
     <script>
       function useSwagger( config ){
-        if( config.theme ){
+        if( config.theme && variants ){
           var write_style = variants.findLoadedStylesheet( 'variant-style' );
           write_style.setProperty( '--CONFIG-SWAGGER-theme', config.theme );
         }
       }
       useSwagger( JSON.parse("{}") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 88bee3a27c..03d1756873 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -10,25 +10,25 @@
     <title>Attachments :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/shortcodes/attachments/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234281" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234281" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234281" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234281" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234281" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234281" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234281" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234281"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234281" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/attachments/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/attachments/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/button/" title="Button (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/swagger/" title="Swagger (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/shortcodes/attachments/">
@@ -346,12 +346,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -427,7 +427,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -439,7 +439,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -464,13 +464,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 161744ee52..bfd90fa5aa 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -10,25 +10,25 @@
     <title>Button :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/shortcodes/button/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/button/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/button/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/" title="Children (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/expand/" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -420,12 +420,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -501,7 +501,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -513,7 +513,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -538,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/_print/index.html b/shortcodes/children/_print/index.html
index 6639f02125..5b43f3f3b6 100644
--- a/shortcodes/children/_print/index.html
+++ b/shortcodes/children/_print/index.html
@@ -10,25 +10,26 @@
     <title>Children :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/">
     <div id="body" class="default-animation">
@@ -53,10 +54,10 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/" title="page 1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/button/" title="Button (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/shortcodes/children/_print/">
@@ -108,7 +109,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Children</h1>
 
@@ -304,7 +305,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page X</h1>
 
@@ -314,7 +315,7 @@ So its content is used as description.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>page 1</h1>
 
@@ -330,7 +331,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1</h1>
 
@@ -348,7 +349,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-2</h1>
 
@@ -365,7 +366,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-2-1</h1>
 
@@ -375,7 +376,7 @@ So its content is used as description.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>page 1-1-2-2</h1>
 
@@ -386,7 +387,7 @@ So its content is used as description.</p>
           </article>
 
           </section>
-    
+		
           <article class="default">
 <h1>page 1-1-3</h1>
 
@@ -398,7 +399,7 @@ So its content is used as description.</p>
 
           </section>
           </section>
-    
+		
           <article class="default">
 <h1>page 2</h1>
 
@@ -409,7 +410,7 @@ So its content is used as description.</p>
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>page 3</h1>
 
@@ -425,7 +426,7 @@ So its content is used as description.</p>
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 3-1</h1>
 
@@ -511,12 +512,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -592,7 +593,7 @@ So its content is used as description.</p>
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -604,7 +605,7 @@ So its content is used as description.</p>
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -629,13 +630,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/_print/index.html b/shortcodes/children/children-1/_print/index.html
index a9ddd21c9d..014dbd2b9d 100644
--- a/shortcodes/children/children-1/_print/index.html
+++ b/shortcodes/children/children-1/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/">
     <div id="body" class="default-animation">
@@ -56,7 +57,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" title="page 1-1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/" title="Children (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/shortcodes/children/children-1/_print/">
@@ -100,7 +101,7 @@
   <a class="tag-link" href="/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 1</h1>
 
@@ -116,7 +117,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1</h1>
 
@@ -134,7 +135,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-2</h1>
 
@@ -151,7 +152,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-2-1</h1>
 
@@ -161,7 +162,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>page 1-1-2-2</h1>
 
@@ -172,7 +173,7 @@
           </article>
 
           </section>
-    
+		
           <article class="default">
 <h1>page 1-1-3</h1>
 
@@ -258,12 +259,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -339,7 +340,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -351,7 +352,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -376,13 +377,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/_print/index.html b/shortcodes/children/children-1/children-1-1/_print/index.html
index 8fc81bbd60..84f44fedaf 100644
--- a/shortcodes/children/children-1/children-1-1/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 1-1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/">
     <div id="body" class="default-animation">
@@ -101,7 +102,7 @@
   <a class="tag-link" href="/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 1-1</h1>
 
@@ -119,7 +120,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-2</h1>
 
@@ -136,7 +137,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-2-1</h1>
 
@@ -146,7 +147,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>page 1-1-2-2</h1>
 
@@ -157,7 +158,7 @@
           </article>
 
           </section>
-    
+		
           <article class="default">
 <h1>page 1-1-3</h1>
 
@@ -242,12 +243,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -323,7 +324,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -335,7 +336,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -360,13 +361,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html
index 15c5629848..4302f8a81b 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 1-1-1 (hidden) :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <div id="body" class="default-animation">
@@ -102,7 +103,7 @@
   <a class="tag-link" href="/tags/hidden">hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 1-1-1 (hidden)</h1>
 
@@ -118,7 +119,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-1-1</h1>
 
@@ -210,12 +211,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -293,7 +294,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -305,7 +306,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -330,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html
index 0a720b3a45..5c3cd97d13 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 1-1-1-1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -103,7 +104,7 @@
   <a class="tag-link" href="/tags/hidden">hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 1-1-1-1</h1>
 
@@ -194,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -277,7 +278,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -289,7 +290,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -314,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" 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/_print/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/_print/index.html
index 38850a856c..f8b2ab06ad 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/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/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -104,7 +105,7 @@
   <a class="tag-link" href="/tags/hidden">hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 1-1-1-1-1 (hidden)</h1>
 
@@ -120,7 +121,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-1-1-1-1</h1>
 
@@ -205,12 +206,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -290,7 +291,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -302,7 +303,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -327,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" 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/_print/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/_print/index.html
index 30cd14c7cf..a0a57125d4 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/_print/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/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 1-1-1-1-1-1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -95,7 +96,7 @@
   <a class="tag-link" href="/tags/hidden">hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 1-1-1-1-1-1</h1>
 
@@ -179,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -264,7 +265,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -276,7 +277,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -301,13 +302,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" 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 313ec26a53..c5ed7764e7 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
@@ -10,25 +10,25 @@
     <title>page 1-1-1-1-1-1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -263,7 +263,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -275,7 +275,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" 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 784c5dadaa..17e417b59d 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
@@ -10,25 +10,25 @@
     <title>page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -192,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -277,7 +277,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -289,7 +289,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" 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 9f74fcbf9a..da9dce3d96 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
@@ -10,25 +10,25 @@
     <title>page 1-1-1-1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -191,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -274,7 +274,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -286,7 +286,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" 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 ec6409a9b6..bcb4e14f47 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
@@ -10,25 +10,25 @@
     <title>page 1-1-1 (hidden) :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -190,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -273,7 +273,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -285,7 +285,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -310,13 +310,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html
index 7958e84636..4086089c39 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 1-1-2 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <div id="body" class="default-animation">
@@ -102,7 +103,7 @@
   <a class="tag-link" href="/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 1-1-2</h1>
 
@@ -119,7 +120,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 1-1-2-1</h1>
 
@@ -129,7 +130,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>page 1-1-2-2</h1>
 
@@ -214,12 +215,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -295,7 +296,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -307,7 +308,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -332,13 +333,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html
index b9ed8ff4c9..2c8a58adf1 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 1-1-2-1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/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="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <div id="body" class="default-animation">
@@ -93,7 +94,7 @@
   <a class="tag-link" href="/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 1-1-2-1</h1>
 
@@ -177,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -258,7 +259,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -270,7 +271,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -295,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" 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 3cfa6edbef..248cec40b2 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,25 +10,25 @@
     <title>page 1-1-2-1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/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="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -257,7 +257,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -269,7 +269,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html
index 17fdf9af62..9606a25178 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 1-1-2-2 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/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="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <div id="body" class="default-animation">
@@ -93,7 +94,7 @@
   <a class="tag-link" href="/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 1-1-2-2</h1>
 
@@ -177,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -258,7 +259,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -270,7 +271,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -295,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" 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 3f9773e84e..7712ecf5ff 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,25 +10,25 @@
     <title>page 1-1-2-2 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/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="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -257,7 +257,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -269,7 +269,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" 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 470cdb60de..c7dd391ceb 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,25 +10,25 @@
     <title>page 1-1-2 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -191,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -272,7 +272,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -284,7 +284,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html
index 3a7ec43217..b338acf58a 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 1-1-3 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <div id="body" class="default-animation">
@@ -92,7 +93,7 @@
   <a class="tag-link" href="/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 1-1-3</h1>
 
@@ -176,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -257,7 +258,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -269,7 +270,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -294,13 +295,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" 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 95c733f58b..a30efbf6bb 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,25 +10,25 @@
     <title>page 1-1-3 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -256,7 +256,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -268,7 +268,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" 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 4d8aa9b3e2..986f15817a 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -10,25 +10,25 @@
     <title>page 1-1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -191,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -272,7 +272,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -284,7 +284,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index a2bc91e654..a2aab947b7 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -10,25 +10,25 @@
     <title>page 1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-1/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" title="page 1-1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/" title="Children (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/shortcodes/children/children-1/_print/">
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -269,7 +269,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -281,7 +281,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/_print/index.html b/shortcodes/children/children-2/_print/index.html
index 2cc58d9632..7b2b293746 100644
--- a/shortcodes/children/children-2/_print/index.html
+++ b/shortcodes/children/children-2/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 2 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-2/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-2/">
     <div id="body" class="default-animation">
@@ -90,7 +91,7 @@
   <a class="tag-link" href="/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 2</h1>
 
@@ -175,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -256,7 +257,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -268,7 +269,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -293,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 7092c3809a..413b1c7cf5 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -10,25 +10,25 @@
     <title>page 2 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-2/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-2/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-2/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -255,7 +255,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -267,7 +267,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -292,13 +292,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/_print/index.html b/shortcodes/children/children-3/_print/index.html
index 024e5a3a45..49b914d1e5 100644
--- a/shortcodes/children/children-3/_print/index.html
+++ b/shortcodes/children/children-3/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 3 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-3/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-3/">
     <div id="body" class="default-animation">
@@ -100,7 +101,7 @@
   <a class="tag-link" href="/tags/non-hidden">non-hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 3</h1>
 
@@ -116,7 +117,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>page 3-1</h1>
 
@@ -201,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -294,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -319,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index c23400b326..c99da4edc8 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -10,25 +10,25 @@
     <title>page 3 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-3/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-3/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-3/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -269,7 +269,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -281,7 +281,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index f4b7e7f0e6..cb7f042e92 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -10,25 +10,25 @@
     <title>page 3-1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/shortcodes/children/children-3/test3/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-3/test3/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-3/test3/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/expand/" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-3/" title="page 3 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -255,7 +255,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -267,7 +267,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -292,13 +292,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/_print/index.html b/shortcodes/children/children-4/_print/index.html
index 4f3ed18ad9..9dca0f1a15 100644
--- a/shortcodes/children/children-4/_print/index.html
+++ b/shortcodes/children/children-4/_print/index.html
@@ -10,25 +10,26 @@
     <title>page 4 (hidden) :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-4/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-4/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-4/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/expand/" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -90,7 +91,7 @@
   <a class="tag-link" href="/tags/hidden">hidden</a>
 </div>
           </div>
-    
+		
           <article class="default">
 <h1>page 4 (hidden)</h1>
 
@@ -174,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -256,7 +257,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -268,7 +269,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -293,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index 5f62ab48b0..cda8af2d78 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -10,25 +10,25 @@
     <title>page 4 (hidden) :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/children-4/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/children-4/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-4/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/children-4/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/expand/" title="Expand (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -255,7 +255,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -267,7 +267,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -292,13 +292,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 4ce622797e..efc84bd3d8 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -10,25 +10,25 @@
     <title>Children :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/children/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,21 +42,21 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/" title="page 1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/button/" title="Button (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/shortcodes/children/_print/">
@@ -376,12 +376,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -457,7 +457,7 @@ So its content is used as description.</p>
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -469,7 +469,7 @@ So its content is used as description.</p>
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -494,13 +494,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index ad72991136..34b3a56fc1 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -11,25 +11,25 @@
     <title>page X :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/shortcodes/children/test/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,21 +43,21 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/test/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/children/test/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/children-1/" title="page 1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/swagger/" title="Swagger (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/" title="Children (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/shortcodes/children/test/">
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -251,7 +251,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -263,7 +263,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 7f54c12308..c5b510718c 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -10,25 +10,25 @@
     <title>Expand :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/shortcodes/expand/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/expand/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/expand/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/include/" title="Include (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/button/" title="Button (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/shortcodes/expand/">
@@ -340,12 +340,12 @@ No need to press you!
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -421,7 +421,7 @@ No need to press you!
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -433,7 +433,7 @@ No need to press you!
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -458,13 +458,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index c6c575232d..c62fe38327 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -10,25 +10,25 @@
     <title>Include :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/shortcodes/include/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/include/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/include/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -270,12 +270,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -351,7 +351,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -363,7 +363,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -388,13 +388,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index ef733d906e..22c44a28a1 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -9,25 +9,25 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Hugo Relearn Theme</title>
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/include_me/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/include_me/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -55,7 +55,7 @@
              <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/" title="Shortcodes (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/swagger/" title="Swagger (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/shortcodes/include_me/">
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -259,7 +259,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -271,7 +271,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 577deee631..8c4609d792 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -10,25 +10,25 @@
     <title>Shortcodes :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/children/" title="Children (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/cont/tags/" title="Tags (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -218,12 +218,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -299,7 +299,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -311,7 +311,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index d339b1f175..cf32249e8e 100644
--- a/shortcodes/math/index.html
+++ b/shortcodes/math/index.html
@@ -10,25 +10,25 @@
     <title>Math :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/shortcodes/math/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/math/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/math/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -339,12 +339,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -420,7 +420,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -432,7 +432,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -457,13 +457,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
     <script>
       function useMathJax( config ){
         window.MathJax = Object.assign({
@@ -488,7 +488,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="/hugo-theme-relearn/js/mathjax/tex-mml-chtml.js?1657234282"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script id="MathJax-script" async src="/hugo-theme-relearn/js/mathjax/tex-mml-chtml.js?1657830003"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 54c1fb71e5..d120548ed6 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -10,25 +10,25 @@
     <title>Mermaid :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/shortcodes/mermaid/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/mermaid/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/mermaid/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -461,12 +461,12 @@ classDiagram
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -542,7 +542,7 @@ classDiagram
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -554,7 +554,7 @@ classDiagram
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -579,20 +579,20 @@ classDiagram
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1657830003" defer></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
           mermaid.initialize( Object.assign( { "securityLevel": "antiscript", "startOnLoad": false  }, config ) );
-          if( config.theme ){
+          if( config.theme && variants ){
             var write_style = variants.findLoadedStylesheet( 'variant-style' );
             write_style.setProperty( '--CONFIG-MERMAID-theme', config.theme );
           }
@@ -600,6 +600,6 @@ classDiagram
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index 61bac59e44..8a66dd8fdd 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -10,25 +10,25 @@
     <title>Notice :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/shortcodes/notice/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/notice/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/notice/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -478,12 +478,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -559,7 +559,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -571,7 +571,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -596,13 +596,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index d674b176da..0f6cbdeab1 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -10,25 +10,25 @@
     <title>Site param :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/shortcodes/siteparam/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/siteparam/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/siteparam/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/swagger/" title="Swagger (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/notice/" title="Notice (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -252,12 +252,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -333,7 +333,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -345,7 +345,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -370,13 +370,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/swagger/_print/index.html b/shortcodes/swagger/_print/index.html
index c983700fb5..3ec2c58450 100644
--- a/shortcodes/swagger/_print/index.html
+++ b/shortcodes/swagger/_print/index.html
@@ -10,25 +10,26 @@
     <title>Swagger :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/swagger/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/swagger/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/swagger/">
     <div id="body" class="default-animation">
@@ -53,10 +54,10 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/siteparam/" title="Site param (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/shortcodes/swagger/_print/">
@@ -109,7 +110,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Swagger</h1>
 
@@ -278,12 +279,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -359,7 +360,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -371,7 +372,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -396,23 +397,23 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1657830004" defer></script>
     <script>
       function useSwagger( config ){
-        if( config.theme ){
+        if( config.theme && variants ){
           var write_style = variants.findLoadedStylesheet( 'variant-style' );
           write_style.setProperty( '--CONFIG-SWAGGER-theme', config.theme );
         }
       }
       useSwagger( JSON.parse("{}") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/shortcodes/swagger/index.html b/shortcodes/swagger/index.html
index 082bf71ef0..a798332982 100644
--- a/shortcodes/swagger/index.html
+++ b/shortcodes/swagger/index.html
@@ -10,25 +10,25 @@
     <title>Swagger :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/swagger/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/shortcodes/swagger/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,21 +42,21 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/swagger/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/swagger/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/siteparam/" title="Site param (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/children/test/" title="page X (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/shortcodes/swagger/_print/">
@@ -277,12 +277,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -358,7 +358,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -370,7 +370,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -395,23 +395,23 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1657830003" defer></script>
     <script>
       function useSwagger( config ){
-        if( config.theme ){
+        if( config.theme && variants ){
           var write_style = variants.findLoadedStylesheet( 'variant-style' );
           write_style.setProperty( '--CONFIG-SWAGGER-theme', config.theme );
         }
       }
       useSwagger( JSON.parse("{}") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index bb0f79ca7f..e7ac9dd4c8 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -10,25 +10,25 @@
     <title>Tabbed views :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/shortcodes/tabs/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/tabs/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/shortcodes/tabs/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/swagger/" title="Swagger (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/shortcodes/siteparam/" title="Site param (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/shortcodes/tabs/">
@@ -402,12 +402,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -483,7 +483,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -495,7 +495,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -520,13 +520,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 27ec31845e..e23d6f9f4d 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>children :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tags/children/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tags/children/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -171,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -252,7 +252,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -264,7 +264,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -289,13 +289,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index dcaaad441b..84eb7fc6ae 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>documentation :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tags/documentation/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tags/documentation/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tags/documentation/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -158,12 +158,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -238,7 +238,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -250,7 +250,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -275,13 +275,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index 75100032a5..da89e1f23e 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>hidden :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tags/hidden/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tags/hidden/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -162,12 +162,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -243,7 +243,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -255,7 +255,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -280,13 +280,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 7173010ef5..e1896f4179 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>Tags :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tags/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tags/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tags/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -161,12 +161,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -242,7 +242,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -254,7 +254,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 8a08c46d9d..a1996be0d7 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>non-hidden :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tags/non-hidden/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tags/non-hidden/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -247,7 +247,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -259,7 +259,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 23102d0662..8b3ab1bd07 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -9,25 +9,25 @@
     <meta name="author" content="Sören Weber">
     <title>tutorial :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tags/tutorial/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +41,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tags/tutorial/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tags/tutorial/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -158,12 +158,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -238,7 +238,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -250,7 +250,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -275,13 +275,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/_print/index.html b/tests/_print/index.html
index 96505bb9f5..e0ed9fa4ea 100644
--- a/tests/_print/index.html
+++ b/tests/_print/index.html
@@ -10,25 +10,26 @@
     <title>Tests :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/">
     <div id="body" class="default-animation">
@@ -84,7 +85,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="chapter">
 <div class="article-subheading">Chapter 4</div>
 <h1>Tests</h1>
@@ -104,10 +105,6 @@
 <p>Some testing for different styles of image links</p>
 					
 
-<h2><a href="/hugo-theme-relearn/tests/links/" >Links</a></h2>
-<p>Some testing for different styles of links</p>
-					
-
 <h2><a href="/hugo-theme-relearn/tests/width/" >Width</a></h2>
 <p>Test dynamic width resizing of content if scrollbar is present</p>
 					
@@ -118,7 +115,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>Chapters</h1>
 
@@ -129,7 +126,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>1</h1>
 
@@ -138,7 +135,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>10</h1>
 
@@ -147,7 +144,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>11</h1>
 
@@ -156,7 +153,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>12</h1>
 
@@ -165,7 +162,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>13</h1>
 
@@ -174,7 +171,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>14</h1>
 
@@ -183,7 +180,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>15</h1>
 
@@ -192,7 +189,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>16</h1>
 
@@ -201,7 +198,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>17</h1>
 
@@ -210,7 +207,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>18</h1>
 
@@ -219,7 +216,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>19</h1>
 
@@ -228,7 +225,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>2</h1>
 
@@ -237,7 +234,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>20</h1>
 
@@ -246,7 +243,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>21</h1>
 
@@ -255,7 +252,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>22</h1>
 
@@ -264,7 +261,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>23</h1>
 
@@ -273,7 +270,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>24</h1>
 
@@ -282,7 +279,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>25</h1>
 
@@ -291,7 +288,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>26</h1>
 
@@ -300,7 +297,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>27</h1>
 
@@ -309,7 +306,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>28</h1>
 
@@ -318,7 +315,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>29</h1>
 
@@ -327,7 +324,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>3</h1>
 
@@ -336,7 +333,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>30</h1>
 
@@ -345,7 +342,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>4</h1>
 
@@ -354,7 +351,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>5</h1>
 
@@ -363,7 +360,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>6</h1>
 
@@ -372,7 +369,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>7</h1>
 
@@ -381,7 +378,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>8</h1>
 
@@ -390,7 +387,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>9</h1>
 
@@ -400,7 +397,7 @@
           </article>
 
           </section>
-    
+		
           <article class="default">
 <h1>Code</h1>
 
@@ -435,16 +432,16 @@ Some preformatted stuff in HTML elements
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>Images</h1>
 
 <p>Some testing for different styles of image links.</p>
 <h2 id="markdown">Markdown</h2>
 <h3 id="relative-to-page">Relative to page</h3>
-<p><img src="/hugo-theme-relearn/tests/images/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/tests/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
 <h3 id="relative-to-page-up-level">Relative to page up level</h3>
-<p><img src="/hugo-theme-relearn/tests/images/../images/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
 <h3 id="static">Static</h3>
 <p><img src="/images/logo.svg?classes=shadow&amp;height=50px" alt="Logo"></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
@@ -455,9 +452,9 @@ Some preformatted stuff in HTML elements
 <p><img src="/hugo-theme-relearn/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion"></p>
 <h2 id="html">HTML</h2>
 <h3 id="relative-to-page-1">Relative to page</h3>
-<p><img src="/hugo-theme-relearn/tests/images/images/magic.gif?classes=shadow&height=50px"></p>
+<p><img src="/hugo-theme-relearn/tests/images/magic.gif?classes=shadow&height=50px"></p>
 <h3 id="relative-to-page-up-level-1">Relative to page up level</h3>
-<p><img src="/hugo-theme-relearn/tests/images/../images/images/magic.gif?classes=shadow&height=50px"></p>
+<p><img src="/hugo-theme-relearn/tests/images/../images/magic.gif?classes=shadow&height=50px"></p>
 <h3 id="static-1">Static</h3>
 <p><img src="/images/logo.svg?classes=shadow&height=50px"></p>
 <h3 id="external-fully-qualified-1">External fully qualified</h3>
@@ -471,24 +468,7 @@ Some preformatted stuff in HTML elements
             </footer>
           </article>
 
-    
-          <article class="default">
-<h1>Links</h1>
-
-<p>Some testing for different styles of links.</p>
-<h2 id="markdown">Markdown</h2>
-<h3 id="relative-to-page">Relative to page:</h3>
-<p><img src="/hugo-theme-relearn/tests/links/images/magic.gif?classes=shadow" alt="Magic"></p>
-<h3 id="relative-to-page-up-level">Relative to page up level:</h3>
-<p><img src="/hugo-theme-relearn/tests/links/../images/images/magic.gif?classes=shadow" alt="Magic"></p>
-<h3 id="static">Static:</h3>
-<p><img src="/images/logo.svg?classes=shadow" alt="Logo"></p>
-
-            <footer class="footline">
-            </footer>
-          </article>
-
-    
+		
           <article class="default">
 <h1>Width</h1>
 
@@ -586,12 +566,12 @@ Some preformatted stuff in HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -668,7 +648,6 @@ Some preformatted stuff in HTML elements
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -703,7 +682,7 @@ Some preformatted stuff in HTML elements
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -715,7 +694,7 @@ Some preformatted stuff in HTML elements
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -740,13 +719,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/1/index.html b/tests/chapters/1/index.html
index 2ced63e7a0..951d6a894f 100644
--- a/tests/chapters/1/index.html
+++ b/tests/chapters/1/index.html
@@ -10,25 +10,25 @@
     <title>1 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/1/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +284,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +296,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/10/index.html b/tests/chapters/10/index.html
index c40361c3b9..81171a858e 100644
--- a/tests/chapters/10/index.html
+++ b/tests/chapters/10/index.html
@@ -10,25 +10,25 @@
     <title>10 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/10/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/10/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/10/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/10/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +284,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +296,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/11.de/index.html b/tests/chapters/11.de/index.html
index 6776c496ec..76b11680de 100644
--- a/tests/chapters/11.de/index.html
+++ b/tests/chapters/11.de/index.html
@@ -10,25 +10,25 @@
     <title>11 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/11.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/11.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/11.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/11.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/12.de/index.html b/tests/chapters/12.de/index.html
index 3aca5ed823..bd12630cf6 100644
--- a/tests/chapters/12.de/index.html
+++ b/tests/chapters/12.de/index.html
@@ -10,25 +10,25 @@
     <title>12 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/12.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/12.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/12.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/12.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/13.de/index.html b/tests/chapters/13.de/index.html
index efaae2c78c..263b6dce54 100644
--- a/tests/chapters/13.de/index.html
+++ b/tests/chapters/13.de/index.html
@@ -10,25 +10,25 @@
     <title>13 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/13.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/13.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/13.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/13.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/14.de/index.html b/tests/chapters/14.de/index.html
index 208c2c532d..35d794648e 100644
--- a/tests/chapters/14.de/index.html
+++ b/tests/chapters/14.de/index.html
@@ -10,25 +10,25 @@
     <title>14 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/14.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/14.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/14.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/14.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/15.de/index.html b/tests/chapters/15.de/index.html
index 6444febea3..bec69dbe53 100644
--- a/tests/chapters/15.de/index.html
+++ b/tests/chapters/15.de/index.html
@@ -10,25 +10,25 @@
     <title>15 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/15.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/15.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/15.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/15.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/16.de/index.html b/tests/chapters/16.de/index.html
index ee57d5b5d5..3e2335acaf 100644
--- a/tests/chapters/16.de/index.html
+++ b/tests/chapters/16.de/index.html
@@ -10,25 +10,25 @@
     <title>16 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/16.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/16.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/16.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/16.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/17.de/index.html b/tests/chapters/17.de/index.html
index 03a47b6377..47f23028e2 100644
--- a/tests/chapters/17.de/index.html
+++ b/tests/chapters/17.de/index.html
@@ -10,25 +10,25 @@
     <title>17 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/17.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/17.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/17.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/17.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/18.de/index.html b/tests/chapters/18.de/index.html
index 12086c449f..7f9907e35b 100644
--- a/tests/chapters/18.de/index.html
+++ b/tests/chapters/18.de/index.html
@@ -10,25 +10,25 @@
     <title>18 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/18.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/18.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/18.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/18.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/19.de/index.html b/tests/chapters/19.de/index.html
index 107bc73711..d5732ec31e 100644
--- a/tests/chapters/19.de/index.html
+++ b/tests/chapters/19.de/index.html
@@ -10,25 +10,25 @@
     <title>19 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/19.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/19.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/19.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/19.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/2/index.html b/tests/chapters/2/index.html
index c06b93163e..c382cf71dc 100644
--- a/tests/chapters/2/index.html
+++ b/tests/chapters/2/index.html
@@ -10,25 +10,25 @@
     <title>2 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/2/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/2/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/2/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/2/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +284,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +296,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/20.de/index.html b/tests/chapters/20.de/index.html
index c43d2b775d..a58de1e676 100644
--- a/tests/chapters/20.de/index.html
+++ b/tests/chapters/20.de/index.html
@@ -10,25 +10,25 @@
     <title>20 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/20.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/20.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/20.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/20.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/21.de/index.html b/tests/chapters/21.de/index.html
index f1d1ebe8a0..cb0b4e72d3 100644
--- a/tests/chapters/21.de/index.html
+++ b/tests/chapters/21.de/index.html
@@ -10,25 +10,25 @@
     <title>21 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/21.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/21.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/21.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/21.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/22.de/index.html b/tests/chapters/22.de/index.html
index 7751f8a460..954d14d8e4 100644
--- a/tests/chapters/22.de/index.html
+++ b/tests/chapters/22.de/index.html
@@ -10,25 +10,25 @@
     <title>22 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/22.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/22.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/22.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/22.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/23.de/index.html b/tests/chapters/23.de/index.html
index 2e67bcfe67..50337d0906 100644
--- a/tests/chapters/23.de/index.html
+++ b/tests/chapters/23.de/index.html
@@ -10,25 +10,25 @@
     <title>23 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/23.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/23.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/23.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/23.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/24.de/index.html b/tests/chapters/24.de/index.html
index 5a9c75dd82..074ff544cf 100644
--- a/tests/chapters/24.de/index.html
+++ b/tests/chapters/24.de/index.html
@@ -10,25 +10,25 @@
     <title>24 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/24.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/24.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/24.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/24.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/25.de/index.html b/tests/chapters/25.de/index.html
index aadf697fdb..97f0e17d1c 100644
--- a/tests/chapters/25.de/index.html
+++ b/tests/chapters/25.de/index.html
@@ -10,25 +10,25 @@
     <title>25 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/25.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/25.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/25.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/25.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/26.de/index.html b/tests/chapters/26.de/index.html
index 6bb2d50b8a..e5e82d34b4 100644
--- a/tests/chapters/26.de/index.html
+++ b/tests/chapters/26.de/index.html
@@ -10,25 +10,25 @@
     <title>26 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/26.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/26.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/26.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/26.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/27.de/index.html b/tests/chapters/27.de/index.html
index 3bd30045bf..92548eeb22 100644
--- a/tests/chapters/27.de/index.html
+++ b/tests/chapters/27.de/index.html
@@ -10,25 +10,25 @@
     <title>27 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/27.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/27.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/27.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/27.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/28.de/index.html b/tests/chapters/28.de/index.html
index d07e9cce15..b691386d2d 100644
--- a/tests/chapters/28.de/index.html
+++ b/tests/chapters/28.de/index.html
@@ -10,25 +10,25 @@
     <title>28 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/28.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/28.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/28.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/28.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/29.de/index.html b/tests/chapters/29.de/index.html
index a0343ccb02..eddd883998 100644
--- a/tests/chapters/29.de/index.html
+++ b/tests/chapters/29.de/index.html
@@ -10,25 +10,25 @@
     <title>29 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/29.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/29.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/29.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/29.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/3/index.html b/tests/chapters/3/index.html
index 69f3b52bf1..9fe18a358c 100644
--- a/tests/chapters/3/index.html
+++ b/tests/chapters/3/index.html
@@ -10,25 +10,25 @@
     <title>3 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/3/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/3/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/3/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/3/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +284,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +296,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/30.de/index.html b/tests/chapters/30.de/index.html
index a9d96d17d3..854e3cbce8 100644
--- a/tests/chapters/30.de/index.html
+++ b/tests/chapters/30.de/index.html
@@ -10,25 +10,25 @@
     <title>30 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/30.de/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/30.de/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/30.de/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/30.de/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -284,7 +283,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -296,7 +295,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/4/index.html b/tests/chapters/4/index.html
index 76b396ab42..340ecfea95 100644
--- a/tests/chapters/4/index.html
+++ b/tests/chapters/4/index.html
@@ -10,25 +10,25 @@
     <title>4 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/4/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/4/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/4/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/4/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +284,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +296,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/5/index.html b/tests/chapters/5/index.html
index 14d83451ee..3a83eb4fa0 100644
--- a/tests/chapters/5/index.html
+++ b/tests/chapters/5/index.html
@@ -10,25 +10,25 @@
     <title>5 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/5/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/5/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/5/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/5/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +284,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +296,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/6/index.html b/tests/chapters/6/index.html
index 666240d157..90411ef31f 100644
--- a/tests/chapters/6/index.html
+++ b/tests/chapters/6/index.html
@@ -10,25 +10,25 @@
     <title>6 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/6/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/6/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/6/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/6/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +284,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +296,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/7/index.html b/tests/chapters/7/index.html
index c09711fbdd..d6b55467b0 100644
--- a/tests/chapters/7/index.html
+++ b/tests/chapters/7/index.html
@@ -10,25 +10,25 @@
     <title>7 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/7/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/7/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/7/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/7/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +284,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +296,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/8/index.html b/tests/chapters/8/index.html
index 94e0cdc04d..453bddb822 100644
--- a/tests/chapters/8/index.html
+++ b/tests/chapters/8/index.html
@@ -10,25 +10,25 @@
     <title>8 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/8/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/8/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/8/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/8/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +284,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +296,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/9/index.html b/tests/chapters/9/index.html
index a08833a445..f80e531f2f 100644
--- a/tests/chapters/9/index.html
+++ b/tests/chapters/9/index.html
@@ -10,25 +10,25 @@
     <title>9 :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/9/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/chapters/9/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/9/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/9/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item active"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +284,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +296,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/_print/index.html b/tests/chapters/_print/index.html
index c93a4f679a..d0867452ee 100644
--- a/tests/chapters/_print/index.html
+++ b/tests/chapters/_print/index.html
@@ -10,25 +10,26 @@
     <title>Chapters :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/">
     <div id="body" class="default-animation">
@@ -85,7 +86,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Chapters</h1>
 
@@ -96,7 +97,7 @@
           </article>
 
           <section>
-    
+		
           <article class="default">
 <h1>1</h1>
 
@@ -105,7 +106,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>10</h1>
 
@@ -114,7 +115,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>11</h1>
 
@@ -123,7 +124,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>12</h1>
 
@@ -132,7 +133,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>13</h1>
 
@@ -141,7 +142,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>14</h1>
 
@@ -150,7 +151,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>15</h1>
 
@@ -159,7 +160,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>16</h1>
 
@@ -168,7 +169,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>17</h1>
 
@@ -177,7 +178,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>18</h1>
 
@@ -186,7 +187,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>19</h1>
 
@@ -195,7 +196,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>2</h1>
 
@@ -204,7 +205,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>20</h1>
 
@@ -213,7 +214,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>21</h1>
 
@@ -222,7 +223,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>22</h1>
 
@@ -231,7 +232,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>23</h1>
 
@@ -240,7 +241,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>24</h1>
 
@@ -249,7 +250,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>25</h1>
 
@@ -258,7 +259,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>26</h1>
 
@@ -267,7 +268,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>27</h1>
 
@@ -276,7 +277,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>28</h1>
 
@@ -285,7 +286,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>29</h1>
 
@@ -294,7 +295,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>3</h1>
 
@@ -303,7 +304,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>30</h1>
 
@@ -312,7 +313,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>4</h1>
 
@@ -321,7 +322,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>5</h1>
 
@@ -330,7 +331,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>6</h1>
 
@@ -339,7 +340,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>7</h1>
 
@@ -348,7 +349,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>8</h1>
 
@@ -357,7 +358,7 @@
             </footer>
           </article>
 
-    
+		
           <article class="default">
 <h1>9</h1>
 
@@ -441,12 +442,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830004" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830004" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -523,7 +524,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -558,7 +558,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -570,7 +570,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -595,13 +595,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830004"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830004" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830004" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/children-1/_print/index.html b/tests/chapters/children-1/_print/index.html
index 912042d402..5ef07e7a5e 100644
--- a/tests/chapters/children-1/_print/index.html
+++ b/tests/chapters/children-1/_print/index.html
@@ -10,25 +10,26 @@
     <title>The one and only hidden child :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/children-1/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/children-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830004" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830004" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830004" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830004" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830004" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830004" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830004" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830004" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830004"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830004" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/chapters/children-1/">
     <div id="body" class="default-animation">
@@ -53,10 +54,10 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/tests/code/" title="Code (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/tests/chapters/1/" title="1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/tests/chapters/9/" title="9 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/tests/chapters/" title="Chapters (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/tests/chapters/children-1/_print/">
@@ -86,7 +87,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>The one and only hidden child</h1>
 
@@ -170,12 +171,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -253,7 +254,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/children-1/" title="The one and only hidden child" class="dd-item active"><a href="/hugo-theme-relearn/tests/chapters/children-1/">The one and only hidden child<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -288,7 +288,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -300,7 +300,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/children-1/index.html b/tests/chapters/children-1/index.html
index 6124f38dbd..02c186da2f 100644
--- a/tests/chapters/children-1/index.html
+++ b/tests/chapters/children-1/index.html
@@ -10,25 +10,25 @@
     <title>The one and only hidden child :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/children-1/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/children-1/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,21 +42,21 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/children-1/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/children-1/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/tests/code/" title="Code (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/tests/chapters/1/" title="1 (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/tests/chapters/9/" title="9 (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/tests/chapters/" title="Chapters (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/tests/chapters/children-1/_print/">
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -252,7 +252,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/children-1/" title="The one and only hidden child" class="dd-item active"><a href="/hugo-theme-relearn/tests/chapters/children-1/">The one and only hidden child<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -287,7 +286,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -299,7 +298,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -324,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/index.html b/tests/chapters/index.html
index ebf95d9ada..778e6bf478 100644
--- a/tests/chapters/index.html
+++ b/tests/chapters/index.html
@@ -10,25 +10,25 @@
     <title>Chapters :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/chapters/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/chapters/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/chapters/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/chapters/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -168,12 +168,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -250,7 +250,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -285,7 +284,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -297,7 +296,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -322,13 +321,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/code/_print/index.html b/tests/code/_print/index.html
index 9a965850db..1ac5663d6c 100644
--- a/tests/code/_print/index.html
+++ b/tests/code/_print/index.html
@@ -10,25 +10,26 @@
     <title>Code :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/code/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/code/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830005" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/code/">
     <div id="body" class="default-animation">
@@ -97,7 +98,7 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Code</h1>
 
@@ -206,12 +207,12 @@ Some preformatted stuff in HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -288,7 +289,6 @@ Some preformatted stuff in HTML elements
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item active"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -323,7 +323,7 @@ Some preformatted stuff in HTML elements
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -335,7 +335,7 @@ Some preformatted stuff in HTML elements
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -360,13 +360,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/tests/code/index.html b/tests/code/index.html
index 71aa35de7d..d127b2de0a 100644
--- a/tests/code/index.html
+++ b/tests/code/index.html
@@ -10,25 +10,25 @@
     <title>Code :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/code/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/code/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/code/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/code/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -205,12 +205,12 @@ Some preformatted stuff in HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -287,7 +287,6 @@ Some preformatted stuff in HTML elements
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item active"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -322,7 +321,7 @@ Some preformatted stuff in HTML elements
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -334,7 +333,7 @@ Some preformatted stuff in HTML elements
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -359,13 +358,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/images/_print/index.html b/tests/images/_print/index.html
index 15355aa4b3..874a0a66d5 100644
--- a/tests/images/_print/index.html
+++ b/tests/images/_print/index.html
@@ -10,25 +10,26 @@
     <title>Images :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/images/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/images/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830005" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830005" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830005" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830005" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830005" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830005" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/format-print.css?1657830005" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830005"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,9 +43,9 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830005" defer></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/images/">
     <div id="body" class="default-animation">
@@ -53,7 +54,7 @@
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/tests/links/" title="Links (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/tests/width/" title="Width (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/tests/code/" title="Code (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -114,16 +115,16 @@
         <div class="flex-block-wrapper">
           <div id="head-tags">
           </div>
-    
+		
           <article class="default">
 <h1>Images</h1>
 
 <p>Some testing for different styles of image links.</p>
 <h2 id="markdown">Markdown</h2>
 <h3 id="relative-to-page">Relative to page</h3>
-<p><img src="/hugo-theme-relearn/tests/images/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/tests/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
 <h3 id="relative-to-page-up-level">Relative to page up level</h3>
-<p><img src="/hugo-theme-relearn/tests/images/../images/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
+<p><img src="/hugo-theme-relearn/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
 <h3 id="static">Static</h3>
 <p><img src="/images/logo.svg?classes=shadow&amp;height=50px" alt="Logo"></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
@@ -134,9 +135,9 @@
 <p><img src="/hugo-theme-relearn/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion"></p>
 <h2 id="html">HTML</h2>
 <h3 id="relative-to-page-1">Relative to page</h3>
-<p><img src="/hugo-theme-relearn/tests/images/images/magic.gif?classes=shadow&height=50px"></p>
+<p><img src="/hugo-theme-relearn/tests/images/magic.gif?classes=shadow&height=50px"></p>
 <h3 id="relative-to-page-up-level-1">Relative to page up level</h3>
-<p><img src="/hugo-theme-relearn/tests/images/../images/images/magic.gif?classes=shadow&height=50px"></p>
+<p><img src="/hugo-theme-relearn/tests/images/../images/magic.gif?classes=shadow&height=50px"></p>
 <h3 id="static-1">Static</h3>
 <p><img src="/images/logo.svg?classes=shadow&height=50px"></p>
 <h3 id="external-fully-qualified-1">External fully qualified</h3>
@@ -224,12 +225,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830005" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830005" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,7 +307,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item active"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -341,7 +341,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -353,7 +353,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -378,13 +378,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830005"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830005" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830005" defer></script>
   </body>
 </html>
diff --git a/tests/images/index.html b/tests/images/index.html
index 5a036ffb70..e05c193bf1 100644
--- a/tests/images/index.html
+++ b/tests/images/index.html
@@ -10,25 +10,25 @@
     <title>Images :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/images/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/images/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,18 +42,18 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/images/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/images/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
       <nav id="topbar" class="highlightable">
         <div>
           <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/tests/links/" title="Links (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
+             <a class="nav nav-next" href="/hugo-theme-relearn/tests/width/" title="Width (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
              <a class="nav nav-prev" href="/hugo-theme-relearn/tests/code/" title="Code (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -120,9 +120,9 @@
 <p>Some testing for different styles of image links.</p>
 <h2 id="markdown">Markdown</h2>
 <h3 id="relative-to-page">Relative to page</h3>
-<p><img src="images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
+<p><img src="magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
 <h3 id="relative-to-page-up-level">Relative to page up level</h3>
-<p><img src="../images/images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
+<p><img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic"></p>
 <h3 id="static">Static</h3>
 <p><img src="/images/logo.svg?classes=shadow&amp;height=50px" alt="Logo"></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
@@ -133,9 +133,9 @@
 <p><img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion"></p>
 <h2 id="html">HTML</h2>
 <h3 id="relative-to-page-1">Relative to page</h3>
-<p><img src="images/magic.gif?classes=shadow&height=50px"></p>
+<p><img src="magic.gif?classes=shadow&height=50px"></p>
 <h3 id="relative-to-page-up-level-1">Relative to page up level</h3>
-<p><img src="../images/images/magic.gif?classes=shadow&height=50px"></p>
+<p><img src="../images/magic.gif?classes=shadow&height=50px"></p>
 <h3 id="static-1">Static</h3>
 <p><img src="/images/logo.svg?classes=shadow&height=50px"></p>
 <h3 id="external-fully-qualified-1">External fully qualified</h3>
@@ -223,12 +223,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -305,7 +305,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item active"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -340,7 +339,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -352,7 +351,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -377,13 +376,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/images/magic.gif b/tests/images/magic.gif
new file mode 100644
index 0000000000..235c4edb32
Binary files /dev/null and b/tests/images/magic.gif differ
diff --git a/tests/index.html b/tests/index.html
index c8cfd98024..9a6ac6f8de 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -10,25 +10,25 @@
     <title>Tests :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/tests/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -103,10 +103,6 @@
 <p>Some testing for different styles of image links</p>
 					
 
-<h2><a href="/hugo-theme-relearn/tests/links/" >Links</a></h2>
-<p>Some testing for different styles of links</p>
-					
-
 <h2><a href="/hugo-theme-relearn/tests/width/" >Width</a></h2>
 <p>Test dynamic width resizing of content if scrollbar is present</p>
 					
@@ -190,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -272,7 +268,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -307,7 +302,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -319,7 +314,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -344,13 +339,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>
diff --git a/tests/index.xml b/tests/index.xml
index d8f84b70af..abb7f6c145 100644
--- a/tests/index.xml
+++ b/tests/index.xml
@@ -32,14 +32,6 @@ What about wrapping long inline code if multiple sections are written side567/by
       <guid>https://McShelby.github.io/hugo-theme-relearn/tests/images/</guid>
       <description>Some testing for different styles of image links.
 Markdown Relative to page Relative to page up level Static External fully qualified External without scheme External without scheme and scheme separator HTML Relative to page Relative to page up level Static External fully qualified External without scheme External without scheme and scheme separator </description>
-    </item>
-    <item>
-      <title>Links</title>
-      <link>https://McShelby.github.io/hugo-theme-relearn/tests/links/</link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>https://McShelby.github.io/hugo-theme-relearn/tests/links/</guid>
-      <description>Some testing for different styles of links.
-Markdown Relative to page: Relative to page up level: Static: </description>
     </item>
     <item>
       <title>Width</title>
diff --git a/tests/links/_print/index.html b/tests/links/_print/index.html
deleted file mode 100644
index c599d355cc..0000000000
--- a/tests/links/_print/index.html
+++ /dev/null
@@ -1,358 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.101.0">
-    <meta name="generator" content="Relearn 5.0.3+tip">
-    <meta name="description" content="Some testing for different styles of links">
-    <meta name="author" content="Sören Weber">
-    <title>Links :: Hugo Relearn Theme</title>
-    <link href="/hugo-theme-relearn/tests/links/" rel="canonical" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/tests/links/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234284" rel="icon" type="image/svg+xml">
-    
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234284" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234284" rel="stylesheet">
-    </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234284" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234284" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234284" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234284" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234284"></script>
-    <script>
-      // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
-      // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
-      var index_url="/hugo-theme-relearn/index.json";
-      var root_url="/";
-      var baseUri=root_url.replace(/\/$/, '');
-      // translations
-      window.T_Copy_to_clipboard = 'Copy to clipboard';
-      window.T_Copied_to_clipboard = 'Copied to clipboard!';
-      window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
-      window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
-      // some further base stuff
-      var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
-    </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234284" defer></script>
-  </head>
-  <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/links/">
-    <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
-      <nav id="topbar" class="highlightable">
-        <div>
-          <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/tests/width/" title="Width (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/tests/images/" title="Images (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/tests/links/_print/">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link" title='Edit (CTRL+ALT+e)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/tests/links/_index.en.md" target="blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
-          <div id="breadcrumbs">
-            <span id="sidebar-toggle-span">
-              <a href="#" id="sidebar-toggle" title='Menu (CTRL+ALT+m)'><i class="fas fa-bars fa-fw"></i></a>
-            </span>
-            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
-            <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <meta itemprop="itemListOrder" content="Descending" />
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Hugo Relearn Theme</span></a> > </li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="2" /><a itemprop="item" href="/hugo-theme-relearn/tests/"><span itemprop="name">Tests</span></a> > </li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="1" /><a itemprop="item" href="/hugo-theme-relearn/tests/links/" aria-disabled="true"><span itemprop="name">Links</span></a></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#markdown">Markdown</a>
-      <ul>
-        <li><a href="#relative-to-page">Relative to page:</a></li>
-        <li><a href="#relative-to-page-up-level">Relative to page up level:</a></li>
-        <li><a href="#static">Static:</a></li>
-      </ul>
-    </li>
-  </ul>
-</nav>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <main id="body-inner" class="highlightable default" tabindex="-1">
-        <div class="flex-block-wrapper">
-          <div id="head-tags">
-          </div>
-    
-          <article class="default">
-<h1>Links</h1>
-
-<p>Some testing for different styles of links.</p>
-<h2 id="markdown">Markdown</h2>
-<h3 id="relative-to-page">Relative to page:</h3>
-<p><img src="/hugo-theme-relearn/tests/links/images/magic.gif?classes=shadow" alt="Magic"></p>
-<h3 id="relative-to-page-up-level">Relative to page up level:</h3>
-<p><img src="/hugo-theme-relearn/tests/links/../images/images/magic.gif?classes=shadow" alt="Magic"></p>
-<h3 id="static">Static:</h3>
-<p><img src="/images/logo.svg?classes=shadow" alt="Logo"></p>
-
-            <footer class="footline">
-            </footer>
-          </article>
-
-        </div>
-      </main>
-    </div>
-    <aside id="sidebar" class="default-animation showVisitedLinks">
-      <div id="header-wrapper" class="default-animation">
-        <div id="header" class="default-animation">
-          <style>
-            #logo svg,
-            #logo svg * {
-              color: #282828;
-              color: var(--MENU-SECTIONS-BG-color);
-              fill: #282828 !important;
-              fill: var(--MENU-SECTIONS-BG-color) !important;
-              opacity: .945;
-            }
-            a#logo {
-              color: #282828;
-              color: var(--MENU-SECTIONS-BG-color);
-              font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
-              font-weight: 300;
-              margin-top: -13px;
-              max-width: 60%;
-              text-transform: uppercase;
-              width: 226px;
-              white-space: nowrap;
-            }
-            a#logo:hover {
-              color: #282828;
-              color: var(--MENU-SECTIONS-BG-color);
-            }
-            #logo svg {
-              margin-bottom: -20px;
-              margin-left: -23.5px;
-              width: 40.5%;
-            }
-            @media only all and (max-width: 59.938em) {
-              a#logo {
-                font-size: 25px;
-                margin-top: -3px;
-              }
-              #logo svg {
-                margin-bottom: -12px;
-                margin-left: -23px;
-              }
-            }
-            @media all and (-ms-high-contrast:none) {
-              /* IE11s understanding of positioning is weird at best */
-              a#logo {
-                margin-top: -58px;
-              }
-              #logo svg {
-                margin-bottom: -62px;
-              }
-            }
-          </style>
-          <a id="logo" href="/hugo-theme-relearn/">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
-              <path d="M46.103 136.34c-.642-.394-1.222-2.242-1.98-2.358-.76-.117-1.353.506-1.618 1.519-.266 1.012-.446 4.188.173 5.538.213.435.482.787 1.03.845.547.057.967-.504 1.45-1.027.482-.523.437-.9 1.142-.612.705.289 1.051.4 1.586 1.229.535.828 1.085 4.043.868 5.598-.241 1.458-.531 2.8-.59 4.088.26.075.517.148.772.217 2.68.724 5.373 1.037 7.873.02.001-.028.01-.105.008-.11-.048-.165-.18-.41-.36-.698-.18-.29-.414-.645-.586-1.114a3.212 3.212 0 0 1-.125-1.735c.056-.21.153-.342.249-.475 1.237-1.193 2.932-1.373 4.244-1.384.557-.004 1.389.016 2.198.255.809.239 1.706.724 2.068 1.843.187.578.114 1.17-.043 1.623-.153.438-.369.783-.545 1.091-.178.31-.329.6-.401.821-.007.02-.003.071-.005.094 2.256 1.008 4.716.91 7.189.398.55-.114 1.11-.247 1.673-.377.344-1.085.678-2.145.852-3.208.124-.752.158-2.311-.078-3.538-.118-.613-.306-1.15-.52-1.489-.221-.349-.413-.501-.747-.538-.243-.027-.51.013-.796.098-.67.223-1.33.606-1.966.76l-.008.002-.109.032c-.556.152-1.233.158-1.797-.36-.556-.51-.89-1.367-1.117-2.596-.283-1.528-.075-3.279.89-4.518l.071-.09h.07c.65-.71 1.485-.802 2.16-.599.706.213 1.333.629 1.772.84.736.354 1.185.319 1.475.171.291-.148.5-.439.668-.955.332-1.017.301-2.819.022-4.106-.148-.684-.13-1.292-.13-1.883-1.558-.463-3.067-.982-4.574-1.208-1.128-.169-2.263-.173-3.298.164-.13.046-.256.095-.38.15-.373.164-.633.342-.805.52-.077.098-.081.105-.087.21-.004.068.031.289.13.571.1.282.256.634.467 1.03.279.524.448 1.063.431 1.618a2.12 2.12 0 0 1-.499 1.309 1.757 1.757 0 0 1-.62.51h-.002c-.515.291-1.107.404-1.723.464-.86.083-1.787.026-2.598-.097-.806-.123-1.47-.28-1.948-.555-.444-.256-.79-.547-1.037-.925a2.273 2.273 0 0 1-.356-1.301c.029-.837.403-1.437.625-1.897.111-.23.191-.433.236-.583.045-.15.044-.25.046-.24-.005-.029-.127-.355-1.015-.741-1.138-.495-2.322-.673-3.533-.668h-.015a9.711 9.711 0 0 0-.521.016h-.002c-1.163.057-2.35.308-3.541.569.383 1.531.79 2.753.818 4.502-.096 1.297.158 2.114-1.03 2.935-.85.588-1.508.729-2.15.335" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:1.03763;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
-              <path d="M61.472 101.34v.002c-.3-.003-.603.01-.894.04-.544.055-1.39.165-1.778.306-1.238.364.13 2.344.41 2.913.28.569.285 2.03.14 2.134-.144.103-.375.261-.934.345-.56.084.03-.037-1.589.086-1.62.122-5.506.29-8.265.248-.022.26-.036.521-.097.808-.309 1.442-.63 3.163-.494 4.074.071.473.168.65.414.8.23.14.737.235 1.62-.004.834-.227 1.3-.442 1.887-.456.595-.016 1.555.472 1.965.717.411.245-.03-.008.002 0s.128.05.176.102c.049.053-.276-.523.104.199.379.721.72 3.256.002 4.68-.46.913-1.01 1.49-1.64 1.711-.63.22-1.229.067-1.734-.135-.881-.353-1.584-.7-2.205-.647-1.199 1.94-1.186 4.17-.6 6.602.097.397.212.814.327 1.23 2.68-.556 5.542-1.016 8.337.132 1.064.437 1.73 1.015 1.902 1.857.169.831-.193 1.508-.438 1.986-.122.238-.23.46-.307.642-.07.164-.096.28-.104.324.069.429.309.723.686.945.385.227.89.355 1.35.423.723.104 1.567.152 2.287.086.693-.064 1.032-.338 1.241-.544a2.447 2.447 0 0 0 .303-.437.175.175 0 0 0 .013-.035c-.004-.066-.037-.246-.195-.527-.46-.816-.87-1.595-.817-2.51.028-.476.218-.938.529-1.288.304-.343.698-.586 1.186-.79 1.442-.606 2.96-.609 4.372-.409 1.525.216 2.963.679 4.378 1.083.226-2.09.784-3.9.592-5.77-.058-.565-.287-1.333-.598-1.827-.32-.508-.59-.717-1.036-.642-.648.11-1.472.935-2.707 1.078-.791.092-1.494-.267-1.95-.86-.45-.583-.678-1.335-.78-2.101-.202-1.525.031-3.229.89-4.27.615-.747 1.45-.887 2.15-.74.687.145 1.307.492 1.857.745v-.002c.546.252 1.033.388 1.281.344a.547.547 0 0 0 .353-.188c.113-.124.242-.35.384-.75.604-1.712.206-3.68-.303-5.654-.667.145-1.336.293-2.018.413-1.341.236-2.73.392-4.136.273-.656-.055-1.695-.085-2.58-.476-.442-.195-.903-.514-1.157-1.093-.259-.591-.205-1.313.08-2.014.223-.64 1.082-2.178.692-2.585-.391-.407-1.651-.56-2.554-.571z" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:.992837;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
-              <path d="M83.128 98.116c-.484 1.875-1.057 3.757-2.486 5.033-.638.57-1.13.666-1.483.548-.401-.134-.715-.506-1.058-.973-.338-.461-.655-.97-1.076-1.332-.192-.165-.404-.315-.683-.38-.279-.066-.599-.02-.9.102-.489.196-.89.58-1.28 1.047a6.1 6.1 0 0 0-.985 1.632c-.234.591-.356 1.174-.277 1.713.072.487.392.977.905 1.185.463.187.926.156 1.36.154.433 0 .843.01 1.242.147.55.189.79.736.822 1.368.034.66-.145 1.412-.393 1.988l-.008.021c-.74 1.705-1.946 2.893-3.004 4.349l-.664.915.979.099c.924.092 1.788.26 2.468.675.46.281 1.806 1.205 2.794 2.222.497.513.888 1.031 1.047 1.502.078.231.095.422.05.6a.93.93 0 0 1-.345.474c-.301.223-.606.395-.864.532l-.354.186c-.107.058-.189.087-.345.228a.637.637 0 0 1 .062-.045l-.064.041-.209.236-.103.343s.003.126.007.152c.003.017.003.007.004.015v.002c.016.195.061.307.133.476a4.1 4.1 0 0 0 .32.596 5.7 5.7 0 0 0 2.8 2.258c.284.108.908.321 1.548.36.33.02.59.015.912-.13h.002c.08-.037.228-.095.382-.281.153-.186.19-.355.212-.445l.019-.075.003-.078c.023-.585-.037-1.296.072-1.899.153-.657.435-.956 1.009-.909 2.771.239 4.74 1.955 6.693 3.83l.742.714.279-1.155c.55-2.29 1.093-4.464 2.928-5.977.692-.57 1.184-.642 1.527-.509.39.151.676.536.996.995.319.458.605.926 1.07 1.212.194.119.464.232.784.209.32-.024.638-.163.988-.384 1.022-.645 1.778-1.756 2.086-2.942.136-.522.102-.991-.046-1.301-.158-.334-.433-.553-.754-.707-.653-.314-1.468-.373-2.094-.486-.825-.15-1.22-.475-1.345-.878-.13-.417 0-.953.335-1.61.6-1.173 1.887-2.602 3.13-3.911l.498-.526-.449-.432c-1.545-1.49-3.163-3.01-5.252-3.715h-.002c-.473-.16-1.097-.413-1.73-.424h-.003c-.311-.004-.596.04-.883.24v.002c-.22.155-.483.537-.583.937l-.008.036-.006.038c-.116.773-.06 1.467-.217 1.995-.063.212-.198.418-.359.507-.202.111-.492.153-.976.072-.582-.097-1.978-.69-3.021-1.503-.523-.407-.934-.85-1.117-1.3a1.153 1.153 0 0 1-.083-.63c.03-.184.1-.477.308-.593.21-.116.941-.32 1.377-.642h.002c.192-.141.403-.367.518-.64.114-.275.127-.526.123-.774-.006-.142-.036-.192-.08-.3a8.417 8.417 0 0 0-3-3.027c-1.226-.725-2.585-1.135-3.927-1.539-.434-.12-.844-.111-1.02.466zm.912.947c1.186.364 2.357.718 3.345 1.303 1.035.612 1.864 1.488 2.507 2.528-.514.263-1.095.5-1.44.79-.345.29-.729.914-.815 1.434-.084.509 0 .968.155 1.347.301.74.85 1.276 1.44 1.735 1.18.92 2.554 1.545 3.47 1.698.604.1 1.186.088 1.739-.216.594-.327.935-.911 1.088-1.427.264-.884.193-1.664.262-2.17h.1c.3.006.926.206 1.417.371 1.646.554 3.044 1.773 4.431 3.089-1.102 1.174-2.222 2.423-2.888 3.73-.42.823-.73 1.789-.453 2.687.283.913 1.1 1.415 2.138 1.603.691.126 1.472.226 1.84.403.19.091.258.182.278.223.03.064.058.075-.023.387-.21.804-.761 1.598-1.413 2.01-.247.155-.365.183-.407.187-.042.003-.061.002-.172-.066-.144-.088-.455-.473-.772-.929-.317-.454-.714-1.07-1.452-1.356-.783-.304-1.776-.022-2.713.75-1.942 1.6-2.626 3.764-3.146 5.8-1.802-1.676-3.772-3.138-6.589-3.517h-.002c-.346-.095-1.013-.031-1.293.143-.735.501-1.005 1.132-1.168 2.007-.125.69-.082 1.216-.074 1.659-.055.006-.046.01-.104.006-.42-.026-1.035-.215-1.244-.295-.947-.361-1.774-1.006-2.314-1.857-.054-.085-.072-.132-.109-.2l.027-.016c.284-.15.656-.36 1.045-.648.44-.327.789-.798.93-1.35a2.4 2.4 0 0 0-.068-1.379c-.254-.751-.753-1.353-1.295-1.911-1.09-1.124-2.452-2.049-2.99-2.378-.609-.372-1.303-.44-1.981-.56.875-1.094 1.878-2.251 2.596-3.921.294-.823.543-1.907.513-2.658-.049-.97-.489-2.013-1.52-2.367-.579-.2-1.131-.204-1.58-.203-.45.002-.786-.006-.97-.08h-.002c-.264-.107-.236-.108-.268-.33-.025-.17.021-.553.183-.962a4.67 4.67 0 0 1 .725-1.192c.29-.348.617-.59.705-.626.142-.057.176-.05.22-.04.045.011.127.052.263.17.235.201.56.671.92 1.161.354.484.791 1.08 1.543 1.33.8.267 1.784-.052 2.671-.846 1.594-1.424 2.235-3.317 2.714-5.051zm11.705 7.023c-.02.014.042-.002.042 0l-.008.035c.05-.2-.028-.04-.034-.035zM79.472 122.45a.198.198 0 0 1 .005.023v.014c-.002-.01-.003-.03-.005-.037zm-.29.732-.006.01-.044.027c.016-.01.033-.024.05-.036z" style="color:#000;fill:#282828;stroke-width:1.02352;-inkscape-stroke:none" transform="translate(-40.698 -95.175)"/>
-              <path d="M76.694 128.845c-.85-.012-1.668.253-2.434.67-.01.592-.015 1.17.109 1.772.323 1.573.422 3.553-.07 5.147-.247.804-.684 1.535-1.347 1.891-.663.356-1.467.296-2.362-.159-.522-.266-1.059-.62-1.487-.757-.223-.072-.392-.096-.522-.069-.13.027-.232.094-.362.27-.53.719-.681 1.823-.497 2.876.177 1.012.418 1.438.543 1.56.143.137.26.154.604.055.548-.158 1.523-.857 2.573-.972l.02-.002.5.058c.686.081 1.247.562 1.622 1.19.372.62.591 1.37.73 2.136.279 1.532.25 3.16.083 4.232-.14.91-.394 1.72-.632 2.53 1.719-.385 3.485-.692 5.307-.36 1.174.214 2.749.574 3.762 1.977l.088.122.046.159c.162.551.16 1.114.024 1.578-.13.45-.348.772-.533 1.023-.181.246-.336.444-.437.606-.102.16-.141.275-.145.336-.01.17 0 .197.07.315.057.1.186.242.39.366.408.246 1.106.414 1.843.45a7.842 7.842 0 0 0 2.174-.21 4.28 4.28 0 0 0 .822-.296c.218-.106.385-.242.377-.233l.029-.031c.025-.035.05-.072.05-.068 0-.004 0-.017-.003-.05a2.733 2.733 0 0 0-.21-.579c-.26-.548-.839-1.333-.822-2.46.01-.657.27-1.21.598-1.576.32-.357.696-.575 1.074-.736.759-.323 1.57-.418 2.054-.458 1.653-.136 3.252.296 4.755.765.457.142.905.29 1.352.434.325-2.258.902-4.247.598-6.217-.071-.46-.25-1.169-.486-1.684-.238-.518-.495-.762-.675-.779-.351-.032-.716.14-1.174.418-.457.277-1.005.665-1.695.742-.745.082-1.406-.291-1.84-.908-.428-.608-.653-1.394-.754-2.196-.203-1.596.016-3.377.794-4.493.568-.813 1.358-.984 2.024-.835.65.146 1.243.51 1.769.779.524.267.99.413 1.237.365a.527.527 0 0 0 .346-.2c.11-.132.235-.373.37-.798.612-1.918.27-3.894-.246-6.054-2.815-.851-5.49-1.534-8.089-.267a.727.727 0 0 0-.223.148c-.024.028-.018.021-.026.056.001-.003-.01.178.07.44.162.522.611 1.29.911 1.978l.004.009.029.063.024.084V133c.162.635.016 1.297-.274 1.727-.272.404-.618.636-.952.81-.675.353-1.399.484-1.724.533a5.888 5.888 0 0 1-3.973-.795c-.512-.311-.876-.594-1.133-1.02-.282-.466-.318-1.084-.172-1.557.252-.814.715-1.266.971-1.89a.663.663 0 0 0 .047-.14c.001-.013 0-.006-.007-.037a.761.761 0 0 0-.184-.268c-.264-.267-.865-.595-1.54-.826-1.356-.462-3.07-.659-3.583-.686-.062-.002-.121-.006-.178-.006z" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:.991342;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
-            </svg>
-            Relearn
-          </a>
-        </div>
-        <div class="searchbox default-animation">
-          <label for="search-by"><i class="fas fa-search"></i></label>
-          <input data-search-input id="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
-        </div>
-        <script>
-          var contentLangs=['en'];
-        </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234284" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234284" defer></script>
-      </div>
-      <div id="content-wrapper" class="highlightable">
-        <ul class="topics collapsible-menu">
-          <li data-nav-id="/hugo-theme-relearn/basics/" title="Basics" class="dd-item"><input type="checkbox" id="section-df6aa773bd1fbc430ade79f1764e4ce7" class="toggle"/><label for="section-df6aa773bd1fbc430ade79f1764e4ce7" ></label><a href="/hugo-theme-relearn/basics/">1. Basics<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/basics/migration/" title="What&#39;s new" class="dd-item"><a href="/hugo-theme-relearn/basics/migration/">What&#39;s new<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/basics/requirements/" title="Requirements" class="dd-item"><a href="/hugo-theme-relearn/basics/requirements/">Requirements<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><input type="checkbox" id="section-2291d2894a4301fd505172f85eca0c0a" class="toggle"/><label for="section-2291d2894a4301fd505172f85eca0c0a" ></label><a href="/hugo-theme-relearn/cont/">2. Content<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/cont/pages/" title="Pages organization" class="dd-item"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/archetypes/" title="Archetypes" class="dd-item"><a href="/hugo-theme-relearn/cont/archetypes/">Archetypes<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/markdown/" title="Markdown syntax" class="dd-item"><a href="/hugo-theme-relearn/cont/markdown/">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/syntaxhighlight/" title="Code highlighting" class="dd-item"><a href="/hugo-theme-relearn/cont/syntaxhighlight/">Code highlighting<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/menushortcuts/" title="Menu extra shortcuts" class="dd-item"><a href="/hugo-theme-relearn/cont/menushortcuts/">Menu extra shortcuts<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/icons/" title="Icons and logos" class="dd-item"><a href="/hugo-theme-relearn/cont/icons/">Icons and logos<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n" class="dd-item"><a href="/hugo-theme-relearn/cont/i18n/">Multilingual and i18n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/tags/" title="Tags" class="dd-item"><a href="/hugo-theme-relearn/cont/tags/">Tags<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/" title="Shortcodes" class="dd-item"><input type="checkbox" id="section-c0549379138a5c256f6c0600d532453f" class="toggle"/><label for="section-c0549379138a5c256f6c0600d532453f" ></label><a href="/hugo-theme-relearn/shortcodes/">3. Shortcodes<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/attachments/">Attachments<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/button/" title="Button" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/button/">Button<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/" title="Children" class="dd-item"><input type="checkbox" id="section-efce957ff9dad000e250ff868aa3291d" class="toggle"/><label for="section-efce957ff9dad000e250ff868aa3291d" ></label><a href="/hugo-theme-relearn/shortcodes/children/">Children<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/test/" title="page X" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/test/">page X<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/" title="page 1" class="dd-item"><input type="checkbox" id="section-c27b80e9c4c5ceb911093893f4f00a2b" class="toggle"/><label for="section-c27b80e9c4c5ceb911093893f4f00a2b" ></label><a href="/hugo-theme-relearn/shortcodes/children/children-1/">page 1<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" title="page 1-1" class="dd-item alwaysopen"><input type="checkbox" id="section-bc0c0185f32af18e77e51e4a5f0a3ba4" class="toggle" checked/><label for="section-bc0c0185f32af18e77e51e4a5f0a3ba4" ></label><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/">page 1-1<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="page 1-1-2" class="dd-item alwaysopen"><input type="checkbox" id="section-9c0a5b93d94f133c09f9cec9eec310a6" class="toggle" checked/><label for="section-9c0a5b93d94f133c09f9cec9eec310a6" ></label><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/">page 1-1-2<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="page 1-1-2-1" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">page 1-1-2-1<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="page 1-1-2-2" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">page 1-1-2-2<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="page 1-1-3" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/">page 1-1-3<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-2/" title="page 2" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-2/">page 2<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-3/" title="page 3" class="dd-item"><input type="checkbox" id="section-801eeaaa0748a0846cc1e95f3a734fb7" class="toggle"/><label for="section-801eeaaa0748a0846cc1e95f3a734fb7" ></label><a href="/hugo-theme-relearn/shortcodes/children/children-3/">page 3<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-3/test3/">page 3-1<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/expand/" title="Expand" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/expand/">Expand<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/include/" title="Include" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/include/">Include<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/math/" title="Math" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/math/">Math<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/mermaid/" title="Mermaid" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/mermaid/">Mermaid<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/notice/" title="Notice" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/notice/">Notice<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/siteparam/" title="Site param" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/siteparam/">Site param<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/swagger/" title="Swagger" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/swagger/">Swagger<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/tabs/">Tabbed views<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/" title="Tests" class="dd-item parent"><input type="checkbox" id="section-77659c6e98a0f8e66ba76658c5b50798" class="toggle" checked/><label for="section-77659c6e98a0f8e66ba76658c5b50798" ></label><a href="/hugo-theme-relearn/tests/">4. Tests<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/" title="Chapters" class="dd-item"><input type="checkbox" id="section-6c0da274d5f4d47cebf7eee72e6c716b" class="toggle"/><label for="section-6c0da274d5f4d47cebf7eee72e6c716b" ></label><a href="/hugo-theme-relearn/tests/chapters/">Chapters<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/1/" title="1" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/1/">1<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/10/" title="10" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/10/">10<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/11.de/" title="11" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/11.de/">11<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/12.de/" title="12" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/12.de/">12<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/13.de/" title="13" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/13.de/">13<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/14.de/" title="14" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/14.de/">14<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/15.de/" title="15" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/15.de/">15<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/16.de/" title="16" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/16.de/">16<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/17.de/" title="17" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/17.de/">17<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/18.de/" title="18" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/18.de/">18<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/19.de/" title="19" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/19.de/">19<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/2/" title="2" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/2/">2<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/20.de/" title="20" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/20.de/">20<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/21.de/" title="21" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/21.de/">21<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/22.de/" title="22" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/22.de/">22<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/23.de/" title="23" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/23.de/">23<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/24.de/" title="24" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/24.de/">24<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/25.de/" title="25" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/25.de/">25<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/26.de/" title="26" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/26.de/">26<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/27.de/" title="27" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/27.de/">27<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/28.de/" title="28" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/28.de/">28<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/29.de/" title="29" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/29.de/">29<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/3/" title="3" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/3/">3<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/30.de/" title="30" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/30.de/">30<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/4/" title="4" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/4/">4<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/5/" title="5" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/5/">5<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/6/" title="6" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/6/">6<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/7/" title="7" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/7/">7<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/8/" title="8" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/8/">8<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item active"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
-        </ul>
-        <div id="shortcuts">
-          <div class="nav-title">More</div>
-          <ul>
-            <li><a class="padding" href="https://github.com/McShelby/hugo-theme-relearn"><i class='fab fa-fw fa-github'></i> GitHub repo</a></li>
-            <li><a class="padding" href="/hugo-theme-relearn/more/showcase/"><i class='fas fa-fw fa-camera'></i> Showcases</a></li>
-            <li><a class="padding" href="https://gohugo.io/"><i class='fas fa-fw fa-bookmark'></i> Hugo Documentation</a></li>
-            <li><a class="padding" href="/hugo-theme-relearn/more/credits/"><i class='fas fa-fw fa-bullhorn'></i> Credits</a></li>
-            <li><a class="padding" href="/hugo-theme-relearn/tags/"><i class='fas fa-fw fa-tags'></i> Tags</a></li>
-          </ul>
-        </div>
-        <div class="footermargin footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"></div>
-        <hr class="default-animation footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"/>
-        <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
-          <ul>
-            <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <a class="padding select-container">
-                <i class="fas fa-language fa-fw"></i>
-                <span>&nbsp;</span>
-                <div class="select-style">
-                  <select id="select-language" onchange="location = baseUri + this.value;">
-                    <option id="en" value="/hugo-theme-relearn/tests/links/" selected>English</option>
-                    <option id="pir" value="/hugo-theme-relearn/pir/tests/links/">Arrr! ☠ Pirrrates ☠</option>
-                  </select>
-                </div>
-                <div class="select-clear"></div>
-              </a>
-            </li>
-            <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <a class="padding select-container">
-                <i class="fas fa-paint-brush fa-fw"></i>
-                <span>&nbsp;</span>
-                <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
-                    <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
-                    <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
-                    <option id="neon" value="neon">Neon</option>
-                    <option id="blue" value="blue">Blue</option>
-                    <option id="green" value="green">Green</option>
-                    <option id="red" value="red">Red</option>
-                  </select>
-                </div>
-                <div class="select-clear"></div>
-              </a>
-              <script>variants.markSelectedVariant();</script>
-            </li>
-            <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
-          </ul>
-        </div>
-        <div id="footer" class="footerFooter showFooter">
-          <style>
-            #footer {
-              font-size: 13px;
-              height: 100px;
-              margin-left: auto;
-              margin-right: auto;
-              padding: 2rem 1rem;
-              text-align: center;
-              min-width: 230px;
-              max-width: 300px;
-            }
-            #footer p {
-              margin: 0;
-            }
-          </style>
-          <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
-          <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
-          <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
-          <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234284"></script>
-        </div>
-      </div>
-    </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234284" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234284" defer></script>
-  </body>
-</html>
diff --git a/tests/links/index.html b/tests/links/index.html
deleted file mode 100644
index 4a84d546b5..0000000000
--- a/tests/links/index.html
+++ /dev/null
@@ -1,357 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <meta name="generator" content="Hugo 0.101.0">
-    <meta name="generator" content="Relearn 5.0.3+tip">
-    <meta name="description" content="Some testing for different styles of links">
-    <meta name="author" content="Sören Weber">
-    <title>Links :: Hugo Relearn Theme</title>
-    <link href="/hugo-theme-relearn/tests/links/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/tests/links/_print/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234283" rel="icon" type="image/svg+xml">
-    
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234283" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234283" rel="stylesheet">
-    </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234283" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234283" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234283" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234283" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234283"></script>
-    <script>
-      // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
-      // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
-      var index_url="/hugo-theme-relearn/index.json";
-      var root_url="/";
-      var baseUri=root_url.replace(/\/$/, '');
-      // translations
-      window.T_Copy_to_clipboard = 'Copy to clipboard';
-      window.T_Copied_to_clipboard = 'Copied to clipboard!';
-      window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
-      window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
-      // some further base stuff
-      var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
-    </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234283" defer></script>
-  </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/links/">
-    <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
-      <nav id="topbar" class="highlightable">
-        <div>
-          <div class="navigation">
-             <a class="nav nav-next" href="/hugo-theme-relearn/tests/width/" title="Width (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
-          </div>
-          <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/tests/images/" title="Images (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
-          </div>
-          <div id="top-print-link">
-            <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/tests/links/_print/">
-              <i class="fas fa-print fa-fw"></i>
-            </a>
-          </div>
-          <div id="top-github-link">
-            <a class="github-link" title='Edit (CTRL+ALT+e)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/tests/links/_index.en.md" target="blank">
-              <i class="fas fa-pen fa-fw"></i>
-            </a>
-          </div>
-          <div id="breadcrumbs">
-            <span id="sidebar-toggle-span">
-              <a href="#" id="sidebar-toggle" title='Menu (CTRL+ALT+m)'><i class="fas fa-bars fa-fw"></i></a>
-            </span>
-            <span id="toc-menu" title='Table of Contents (CTRL+ALT+t)'><i class="fas fa-list-alt fa-fw"></i></span>
-            <ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <meta itemprop="itemListOrder" content="Descending" />
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="3" /><a itemprop="item" href="/hugo-theme-relearn/"><span itemprop="name">Hugo Relearn Theme</span></a> > </li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="2" /><a itemprop="item" href="/hugo-theme-relearn/tests/"><span itemprop="name">Tests</span></a> > </li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><meta itemprop="position" content="1" /><a itemprop="item" href="/hugo-theme-relearn/tests/links/" aria-disabled="true"><span itemprop="name">Links</span></a></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#markdown">Markdown</a>
-      <ul>
-        <li><a href="#relative-to-page">Relative to page:</a></li>
-        <li><a href="#relative-to-page-up-level">Relative to page up level:</a></li>
-        <li><a href="#static">Static:</a></li>
-      </ul>
-    </li>
-  </ul>
-</nav>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <main id="body-inner" class="highlightable default" tabindex="-1">
-        <div class="flex-block-wrapper">
-          <div id="head-tags">
-          </div>
-          <article class="default">
-<h1>Links</h1>
-
-<p>Some testing for different styles of links.</p>
-<h2 id="markdown">Markdown</h2>
-<h3 id="relative-to-page">Relative to page:</h3>
-<p><img src="images/magic.gif?classes=shadow" alt="Magic"></p>
-<h3 id="relative-to-page-up-level">Relative to page up level:</h3>
-<p><img src="../images/images/magic.gif?classes=shadow" alt="Magic"></p>
-<h3 id="static">Static:</h3>
-<p><img src="/images/logo.svg?classes=shadow" alt="Logo"></p>
-
-            <footer class="footline">
-            </footer>
-          </article>
-
-        </div>
-      </main>
-    </div>
-    <aside id="sidebar" class="default-animation showVisitedLinks">
-      <div id="header-wrapper" class="default-animation">
-        <div id="header" class="default-animation">
-          <style>
-            #logo svg,
-            #logo svg * {
-              color: #282828;
-              color: var(--MENU-SECTIONS-BG-color);
-              fill: #282828 !important;
-              fill: var(--MENU-SECTIONS-BG-color) !important;
-              opacity: .945;
-            }
-            a#logo {
-              color: #282828;
-              color: var(--MENU-SECTIONS-BG-color);
-              font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
-              font-weight: 300;
-              margin-top: -13px;
-              max-width: 60%;
-              text-transform: uppercase;
-              width: 226px;
-              white-space: nowrap;
-            }
-            a#logo:hover {
-              color: #282828;
-              color: var(--MENU-SECTIONS-BG-color);
-            }
-            #logo svg {
-              margin-bottom: -20px;
-              margin-left: -23.5px;
-              width: 40.5%;
-            }
-            @media only all and (max-width: 59.938em) {
-              a#logo {
-                font-size: 25px;
-                margin-top: -3px;
-              }
-              #logo svg {
-                margin-bottom: -12px;
-                margin-left: -23px;
-              }
-            }
-            @media all and (-ms-high-contrast:none) {
-              /* IE11s understanding of positioning is weird at best */
-              a#logo {
-                margin-top: -58px;
-              }
-              #logo svg {
-                margin-bottom: -62px;
-              }
-            }
-          </style>
-          <a id="logo" href="/hugo-theme-relearn/">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
-              <path d="M46.103 136.34c-.642-.394-1.222-2.242-1.98-2.358-.76-.117-1.353.506-1.618 1.519-.266 1.012-.446 4.188.173 5.538.213.435.482.787 1.03.845.547.057.967-.504 1.45-1.027.482-.523.437-.9 1.142-.612.705.289 1.051.4 1.586 1.229.535.828 1.085 4.043.868 5.598-.241 1.458-.531 2.8-.59 4.088.26.075.517.148.772.217 2.68.724 5.373 1.037 7.873.02.001-.028.01-.105.008-.11-.048-.165-.18-.41-.36-.698-.18-.29-.414-.645-.586-1.114a3.212 3.212 0 0 1-.125-1.735c.056-.21.153-.342.249-.475 1.237-1.193 2.932-1.373 4.244-1.384.557-.004 1.389.016 2.198.255.809.239 1.706.724 2.068 1.843.187.578.114 1.17-.043 1.623-.153.438-.369.783-.545 1.091-.178.31-.329.6-.401.821-.007.02-.003.071-.005.094 2.256 1.008 4.716.91 7.189.398.55-.114 1.11-.247 1.673-.377.344-1.085.678-2.145.852-3.208.124-.752.158-2.311-.078-3.538-.118-.613-.306-1.15-.52-1.489-.221-.349-.413-.501-.747-.538-.243-.027-.51.013-.796.098-.67.223-1.33.606-1.966.76l-.008.002-.109.032c-.556.152-1.233.158-1.797-.36-.556-.51-.89-1.367-1.117-2.596-.283-1.528-.075-3.279.89-4.518l.071-.09h.07c.65-.71 1.485-.802 2.16-.599.706.213 1.333.629 1.772.84.736.354 1.185.319 1.475.171.291-.148.5-.439.668-.955.332-1.017.301-2.819.022-4.106-.148-.684-.13-1.292-.13-1.883-1.558-.463-3.067-.982-4.574-1.208-1.128-.169-2.263-.173-3.298.164-.13.046-.256.095-.38.15-.373.164-.633.342-.805.52-.077.098-.081.105-.087.21-.004.068.031.289.13.571.1.282.256.634.467 1.03.279.524.448 1.063.431 1.618a2.12 2.12 0 0 1-.499 1.309 1.757 1.757 0 0 1-.62.51h-.002c-.515.291-1.107.404-1.723.464-.86.083-1.787.026-2.598-.097-.806-.123-1.47-.28-1.948-.555-.444-.256-.79-.547-1.037-.925a2.273 2.273 0 0 1-.356-1.301c.029-.837.403-1.437.625-1.897.111-.23.191-.433.236-.583.045-.15.044-.25.046-.24-.005-.029-.127-.355-1.015-.741-1.138-.495-2.322-.673-3.533-.668h-.015a9.711 9.711 0 0 0-.521.016h-.002c-1.163.057-2.35.308-3.541.569.383 1.531.79 2.753.818 4.502-.096 1.297.158 2.114-1.03 2.935-.85.588-1.508.729-2.15.335" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:1.03763;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
-              <path d="M61.472 101.34v.002c-.3-.003-.603.01-.894.04-.544.055-1.39.165-1.778.306-1.238.364.13 2.344.41 2.913.28.569.285 2.03.14 2.134-.144.103-.375.261-.934.345-.56.084.03-.037-1.589.086-1.62.122-5.506.29-8.265.248-.022.26-.036.521-.097.808-.309 1.442-.63 3.163-.494 4.074.071.473.168.65.414.8.23.14.737.235 1.62-.004.834-.227 1.3-.442 1.887-.456.595-.016 1.555.472 1.965.717.411.245-.03-.008.002 0s.128.05.176.102c.049.053-.276-.523.104.199.379.721.72 3.256.002 4.68-.46.913-1.01 1.49-1.64 1.711-.63.22-1.229.067-1.734-.135-.881-.353-1.584-.7-2.205-.647-1.199 1.94-1.186 4.17-.6 6.602.097.397.212.814.327 1.23 2.68-.556 5.542-1.016 8.337.132 1.064.437 1.73 1.015 1.902 1.857.169.831-.193 1.508-.438 1.986-.122.238-.23.46-.307.642-.07.164-.096.28-.104.324.069.429.309.723.686.945.385.227.89.355 1.35.423.723.104 1.567.152 2.287.086.693-.064 1.032-.338 1.241-.544a2.447 2.447 0 0 0 .303-.437.175.175 0 0 0 .013-.035c-.004-.066-.037-.246-.195-.527-.46-.816-.87-1.595-.817-2.51.028-.476.218-.938.529-1.288.304-.343.698-.586 1.186-.79 1.442-.606 2.96-.609 4.372-.409 1.525.216 2.963.679 4.378 1.083.226-2.09.784-3.9.592-5.77-.058-.565-.287-1.333-.598-1.827-.32-.508-.59-.717-1.036-.642-.648.11-1.472.935-2.707 1.078-.791.092-1.494-.267-1.95-.86-.45-.583-.678-1.335-.78-2.101-.202-1.525.031-3.229.89-4.27.615-.747 1.45-.887 2.15-.74.687.145 1.307.492 1.857.745v-.002c.546.252 1.033.388 1.281.344a.547.547 0 0 0 .353-.188c.113-.124.242-.35.384-.75.604-1.712.206-3.68-.303-5.654-.667.145-1.336.293-2.018.413-1.341.236-2.73.392-4.136.273-.656-.055-1.695-.085-2.58-.476-.442-.195-.903-.514-1.157-1.093-.259-.591-.205-1.313.08-2.014.223-.64 1.082-2.178.692-2.585-.391-.407-1.651-.56-2.554-.571z" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:.992837;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
-              <path d="M83.128 98.116c-.484 1.875-1.057 3.757-2.486 5.033-.638.57-1.13.666-1.483.548-.401-.134-.715-.506-1.058-.973-.338-.461-.655-.97-1.076-1.332-.192-.165-.404-.315-.683-.38-.279-.066-.599-.02-.9.102-.489.196-.89.58-1.28 1.047a6.1 6.1 0 0 0-.985 1.632c-.234.591-.356 1.174-.277 1.713.072.487.392.977.905 1.185.463.187.926.156 1.36.154.433 0 .843.01 1.242.147.55.189.79.736.822 1.368.034.66-.145 1.412-.393 1.988l-.008.021c-.74 1.705-1.946 2.893-3.004 4.349l-.664.915.979.099c.924.092 1.788.26 2.468.675.46.281 1.806 1.205 2.794 2.222.497.513.888 1.031 1.047 1.502.078.231.095.422.05.6a.93.93 0 0 1-.345.474c-.301.223-.606.395-.864.532l-.354.186c-.107.058-.189.087-.345.228a.637.637 0 0 1 .062-.045l-.064.041-.209.236-.103.343s.003.126.007.152c.003.017.003.007.004.015v.002c.016.195.061.307.133.476a4.1 4.1 0 0 0 .32.596 5.7 5.7 0 0 0 2.8 2.258c.284.108.908.321 1.548.36.33.02.59.015.912-.13h.002c.08-.037.228-.095.382-.281.153-.186.19-.355.212-.445l.019-.075.003-.078c.023-.585-.037-1.296.072-1.899.153-.657.435-.956 1.009-.909 2.771.239 4.74 1.955 6.693 3.83l.742.714.279-1.155c.55-2.29 1.093-4.464 2.928-5.977.692-.57 1.184-.642 1.527-.509.39.151.676.536.996.995.319.458.605.926 1.07 1.212.194.119.464.232.784.209.32-.024.638-.163.988-.384 1.022-.645 1.778-1.756 2.086-2.942.136-.522.102-.991-.046-1.301-.158-.334-.433-.553-.754-.707-.653-.314-1.468-.373-2.094-.486-.825-.15-1.22-.475-1.345-.878-.13-.417 0-.953.335-1.61.6-1.173 1.887-2.602 3.13-3.911l.498-.526-.449-.432c-1.545-1.49-3.163-3.01-5.252-3.715h-.002c-.473-.16-1.097-.413-1.73-.424h-.003c-.311-.004-.596.04-.883.24v.002c-.22.155-.483.537-.583.937l-.008.036-.006.038c-.116.773-.06 1.467-.217 1.995-.063.212-.198.418-.359.507-.202.111-.492.153-.976.072-.582-.097-1.978-.69-3.021-1.503-.523-.407-.934-.85-1.117-1.3a1.153 1.153 0 0 1-.083-.63c.03-.184.1-.477.308-.593.21-.116.941-.32 1.377-.642h.002c.192-.141.403-.367.518-.64.114-.275.127-.526.123-.774-.006-.142-.036-.192-.08-.3a8.417 8.417 0 0 0-3-3.027c-1.226-.725-2.585-1.135-3.927-1.539-.434-.12-.844-.111-1.02.466zm.912.947c1.186.364 2.357.718 3.345 1.303 1.035.612 1.864 1.488 2.507 2.528-.514.263-1.095.5-1.44.79-.345.29-.729.914-.815 1.434-.084.509 0 .968.155 1.347.301.74.85 1.276 1.44 1.735 1.18.92 2.554 1.545 3.47 1.698.604.1 1.186.088 1.739-.216.594-.327.935-.911 1.088-1.427.264-.884.193-1.664.262-2.17h.1c.3.006.926.206 1.417.371 1.646.554 3.044 1.773 4.431 3.089-1.102 1.174-2.222 2.423-2.888 3.73-.42.823-.73 1.789-.453 2.687.283.913 1.1 1.415 2.138 1.603.691.126 1.472.226 1.84.403.19.091.258.182.278.223.03.064.058.075-.023.387-.21.804-.761 1.598-1.413 2.01-.247.155-.365.183-.407.187-.042.003-.061.002-.172-.066-.144-.088-.455-.473-.772-.929-.317-.454-.714-1.07-1.452-1.356-.783-.304-1.776-.022-2.713.75-1.942 1.6-2.626 3.764-3.146 5.8-1.802-1.676-3.772-3.138-6.589-3.517h-.002c-.346-.095-1.013-.031-1.293.143-.735.501-1.005 1.132-1.168 2.007-.125.69-.082 1.216-.074 1.659-.055.006-.046.01-.104.006-.42-.026-1.035-.215-1.244-.295-.947-.361-1.774-1.006-2.314-1.857-.054-.085-.072-.132-.109-.2l.027-.016c.284-.15.656-.36 1.045-.648.44-.327.789-.798.93-1.35a2.4 2.4 0 0 0-.068-1.379c-.254-.751-.753-1.353-1.295-1.911-1.09-1.124-2.452-2.049-2.99-2.378-.609-.372-1.303-.44-1.981-.56.875-1.094 1.878-2.251 2.596-3.921.294-.823.543-1.907.513-2.658-.049-.97-.489-2.013-1.52-2.367-.579-.2-1.131-.204-1.58-.203-.45.002-.786-.006-.97-.08h-.002c-.264-.107-.236-.108-.268-.33-.025-.17.021-.553.183-.962a4.67 4.67 0 0 1 .725-1.192c.29-.348.617-.59.705-.626.142-.057.176-.05.22-.04.045.011.127.052.263.17.235.201.56.671.92 1.161.354.484.791 1.08 1.543 1.33.8.267 1.784-.052 2.671-.846 1.594-1.424 2.235-3.317 2.714-5.051zm11.705 7.023c-.02.014.042-.002.042 0l-.008.035c.05-.2-.028-.04-.034-.035zM79.472 122.45a.198.198 0 0 1 .005.023v.014c-.002-.01-.003-.03-.005-.037zm-.29.732-.006.01-.044.027c.016-.01.033-.024.05-.036z" style="color:#000;fill:#282828;stroke-width:1.02352;-inkscape-stroke:none" transform="translate(-40.698 -95.175)"/>
-              <path d="M76.694 128.845c-.85-.012-1.668.253-2.434.67-.01.592-.015 1.17.109 1.772.323 1.573.422 3.553-.07 5.147-.247.804-.684 1.535-1.347 1.891-.663.356-1.467.296-2.362-.159-.522-.266-1.059-.62-1.487-.757-.223-.072-.392-.096-.522-.069-.13.027-.232.094-.362.27-.53.719-.681 1.823-.497 2.876.177 1.012.418 1.438.543 1.56.143.137.26.154.604.055.548-.158 1.523-.857 2.573-.972l.02-.002.5.058c.686.081 1.247.562 1.622 1.19.372.62.591 1.37.73 2.136.279 1.532.25 3.16.083 4.232-.14.91-.394 1.72-.632 2.53 1.719-.385 3.485-.692 5.307-.36 1.174.214 2.749.574 3.762 1.977l.088.122.046.159c.162.551.16 1.114.024 1.578-.13.45-.348.772-.533 1.023-.181.246-.336.444-.437.606-.102.16-.141.275-.145.336-.01.17 0 .197.07.315.057.1.186.242.39.366.408.246 1.106.414 1.843.45a7.842 7.842 0 0 0 2.174-.21 4.28 4.28 0 0 0 .822-.296c.218-.106.385-.242.377-.233l.029-.031c.025-.035.05-.072.05-.068 0-.004 0-.017-.003-.05a2.733 2.733 0 0 0-.21-.579c-.26-.548-.839-1.333-.822-2.46.01-.657.27-1.21.598-1.576.32-.357.696-.575 1.074-.736.759-.323 1.57-.418 2.054-.458 1.653-.136 3.252.296 4.755.765.457.142.905.29 1.352.434.325-2.258.902-4.247.598-6.217-.071-.46-.25-1.169-.486-1.684-.238-.518-.495-.762-.675-.779-.351-.032-.716.14-1.174.418-.457.277-1.005.665-1.695.742-.745.082-1.406-.291-1.84-.908-.428-.608-.653-1.394-.754-2.196-.203-1.596.016-3.377.794-4.493.568-.813 1.358-.984 2.024-.835.65.146 1.243.51 1.769.779.524.267.99.413 1.237.365a.527.527 0 0 0 .346-.2c.11-.132.235-.373.37-.798.612-1.918.27-3.894-.246-6.054-2.815-.851-5.49-1.534-8.089-.267a.727.727 0 0 0-.223.148c-.024.028-.018.021-.026.056.001-.003-.01.178.07.44.162.522.611 1.29.911 1.978l.004.009.029.063.024.084V133c.162.635.016 1.297-.274 1.727-.272.404-.618.636-.952.81-.675.353-1.399.484-1.724.533a5.888 5.888 0 0 1-3.973-.795c-.512-.311-.876-.594-1.133-1.02-.282-.466-.318-1.084-.172-1.557.252-.814.715-1.266.971-1.89a.663.663 0 0 0 .047-.14c.001-.013 0-.006-.007-.037a.761.761 0 0 0-.184-.268c-.264-.267-.865-.595-1.54-.826-1.356-.462-3.07-.659-3.583-.686-.062-.002-.121-.006-.178-.006z" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:.991342;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
-            </svg>
-            Relearn
-          </a>
-        </div>
-        <div class="searchbox default-animation">
-          <label for="search-by"><i class="fas fa-search"></i></label>
-          <input data-search-input id="search-by" type="search" placeholder="Search...">
-          <span data-search-clear=""><i class="fas fa-times"></i></span>
-        </div>
-        <script>
-          var contentLangs=['en'];
-        </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234283" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234283" defer></script>
-      </div>
-      <div id="content-wrapper" class="highlightable">
-        <ul class="topics collapsible-menu">
-          <li data-nav-id="/hugo-theme-relearn/basics/" title="Basics" class="dd-item"><input type="checkbox" id="section-df6aa773bd1fbc430ade79f1764e4ce7" class="toggle"/><label for="section-df6aa773bd1fbc430ade79f1764e4ce7" ></label><a href="/hugo-theme-relearn/basics/">1. Basics<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/basics/migration/" title="What&#39;s new" class="dd-item"><a href="/hugo-theme-relearn/basics/migration/">What&#39;s new<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/basics/requirements/" title="Requirements" class="dd-item"><a href="/hugo-theme-relearn/basics/requirements/">Requirements<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><input type="checkbox" id="section-2291d2894a4301fd505172f85eca0c0a" class="toggle"/><label for="section-2291d2894a4301fd505172f85eca0c0a" ></label><a href="/hugo-theme-relearn/cont/">2. Content<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/cont/pages/" title="Pages organization" class="dd-item"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/archetypes/" title="Archetypes" class="dd-item"><a href="/hugo-theme-relearn/cont/archetypes/">Archetypes<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/markdown/" title="Markdown syntax" class="dd-item"><a href="/hugo-theme-relearn/cont/markdown/">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/syntaxhighlight/" title="Code highlighting" class="dd-item"><a href="/hugo-theme-relearn/cont/syntaxhighlight/">Code highlighting<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/menushortcuts/" title="Menu extra shortcuts" class="dd-item"><a href="/hugo-theme-relearn/cont/menushortcuts/">Menu extra shortcuts<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/icons/" title="Icons and logos" class="dd-item"><a href="/hugo-theme-relearn/cont/icons/">Icons and logos<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/i18n/" title="Multilingual and i18n" class="dd-item"><a href="/hugo-theme-relearn/cont/i18n/">Multilingual and i18n<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/cont/tags/" title="Tags" class="dd-item"><a href="/hugo-theme-relearn/cont/tags/">Tags<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/" title="Shortcodes" class="dd-item"><input type="checkbox" id="section-c0549379138a5c256f6c0600d532453f" class="toggle"/><label for="section-c0549379138a5c256f6c0600d532453f" ></label><a href="/hugo-theme-relearn/shortcodes/">3. Shortcodes<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/attachments/" title="Attachments" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/attachments/">Attachments<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/button/" title="Button" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/button/">Button<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/" title="Children" class="dd-item"><input type="checkbox" id="section-efce957ff9dad000e250ff868aa3291d" class="toggle"/><label for="section-efce957ff9dad000e250ff868aa3291d" ></label><a href="/hugo-theme-relearn/shortcodes/children/">Children<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/test/" title="page X" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/test/">page X<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/" title="page 1" class="dd-item"><input type="checkbox" id="section-c27b80e9c4c5ceb911093893f4f00a2b" class="toggle"/><label for="section-c27b80e9c4c5ceb911093893f4f00a2b" ></label><a href="/hugo-theme-relearn/shortcodes/children/children-1/">page 1<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" title="page 1-1" class="dd-item alwaysopen"><input type="checkbox" id="section-bc0c0185f32af18e77e51e4a5f0a3ba4" class="toggle" checked/><label for="section-bc0c0185f32af18e77e51e4a5f0a3ba4" ></label><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/">page 1-1<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="page 1-1-2" class="dd-item alwaysopen"><input type="checkbox" id="section-9c0a5b93d94f133c09f9cec9eec310a6" class="toggle" checked/><label for="section-9c0a5b93d94f133c09f9cec9eec310a6" ></label><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/">page 1-1-2<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="page 1-1-2-1" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">page 1-1-2-1<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="page 1-1-2-2" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">page 1-1-2-2<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="page 1-1-3" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/">page 1-1-3<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-2/" title="page 2" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-2/">page 2<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-3/" title="page 3" class="dd-item"><input type="checkbox" id="section-801eeaaa0748a0846cc1e95f3a734fb7" class="toggle"/><label for="section-801eeaaa0748a0846cc1e95f3a734fb7" ></label><a href="/hugo-theme-relearn/shortcodes/children/children-3/">page 3<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="page 3-1" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/children/children-3/test3/">page 3-1<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/expand/" title="Expand" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/expand/">Expand<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/include/" title="Include" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/include/">Include<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/math/" title="Math" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/math/">Math<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/mermaid/" title="Mermaid" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/mermaid/">Mermaid<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/notice/" title="Notice" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/notice/">Notice<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/siteparam/" title="Site param" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/siteparam/">Site param<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/swagger/" title="Swagger" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/swagger/">Swagger<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/shortcodes/tabs/" title="Tabbed views" class="dd-item"><a href="/hugo-theme-relearn/shortcodes/tabs/">Tabbed views<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/" title="Tests" class="dd-item parent"><input type="checkbox" id="section-77659c6e98a0f8e66ba76658c5b50798" class="toggle" checked/><label for="section-77659c6e98a0f8e66ba76658c5b50798" ></label><a href="/hugo-theme-relearn/tests/">4. Tests<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/" title="Chapters" class="dd-item"><input type="checkbox" id="section-6c0da274d5f4d47cebf7eee72e6c716b" class="toggle"/><label for="section-6c0da274d5f4d47cebf7eee72e6c716b" ></label><a href="/hugo-theme-relearn/tests/chapters/">Chapters<i class="fas fa-check read-icon"></i></a><ul>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/1/" title="1" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/1/">1<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/10/" title="10" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/10/">10<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/11.de/" title="11" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/11.de/">11<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/12.de/" title="12" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/12.de/">12<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/13.de/" title="13" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/13.de/">13<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/14.de/" title="14" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/14.de/">14<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/15.de/" title="15" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/15.de/">15<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/16.de/" title="16" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/16.de/">16<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/17.de/" title="17" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/17.de/">17<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/18.de/" title="18" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/18.de/">18<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/19.de/" title="19" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/19.de/">19<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/2/" title="2" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/2/">2<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/20.de/" title="20" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/20.de/">20<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/21.de/" title="21" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/21.de/">21<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/22.de/" title="22" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/22.de/">22<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/23.de/" title="23" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/23.de/">23<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/24.de/" title="24" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/24.de/">24<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/25.de/" title="25" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/25.de/">25<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/26.de/" title="26" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/26.de/">26<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/27.de/" title="27" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/27.de/">27<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/28.de/" title="28" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/28.de/">28<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/29.de/" title="29" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/29.de/">29<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/3/" title="3" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/3/">3<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/30.de/" title="30" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/30.de/">30<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/4/" title="4" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/4/">4<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/5/" title="5" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/5/">5<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/6/" title="6" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/6/">6<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/7/" title="7" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/7/">7<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/8/" title="8" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/8/">8<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item active"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
-        </ul>
-        <div id="shortcuts">
-          <div class="nav-title">More</div>
-          <ul>
-            <li><a class="padding" href="https://github.com/McShelby/hugo-theme-relearn"><i class='fab fa-fw fa-github'></i> GitHub repo</a></li>
-            <li><a class="padding" href="/hugo-theme-relearn/more/showcase/"><i class='fas fa-fw fa-camera'></i> Showcases</a></li>
-            <li><a class="padding" href="https://gohugo.io/"><i class='fas fa-fw fa-bookmark'></i> Hugo Documentation</a></li>
-            <li><a class="padding" href="/hugo-theme-relearn/more/credits/"><i class='fas fa-fw fa-bullhorn'></i> Credits</a></li>
-            <li><a class="padding" href="/hugo-theme-relearn/tags/"><i class='fas fa-fw fa-tags'></i> Tags</a></li>
-          </ul>
-        </div>
-        <div class="footermargin footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"></div>
-        <hr class="default-animation footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"/>
-        <div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
-          <ul>
-            <li id="select-language-container" class="footerLangSwitch showLangSwitch">
-              <a class="padding select-container">
-                <i class="fas fa-language fa-fw"></i>
-                <span>&nbsp;</span>
-                <div class="select-style">
-                  <select id="select-language" onchange="location = baseUri + this.value;">
-                    <option id="en" value="/hugo-theme-relearn/tests/links/" selected>English</option>
-                    <option id="pir" value="/hugo-theme-relearn/pir/tests/links/">Arrr! ☠ Pirrrates ☠</option>
-                  </select>
-                </div>
-                <div class="select-clear"></div>
-              </a>
-            </li>
-            <li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
-              <a class="padding select-container">
-                <i class="fas fa-paint-brush fa-fw"></i>
-                <span>&nbsp;</span>
-                <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
-                    <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
-                    <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
-                    <option id="neon" value="neon">Neon</option>
-                    <option id="blue" value="blue">Blue</option>
-                    <option id="green" value="green">Green</option>
-                    <option id="red" value="red">Red</option>
-                  </select>
-                </div>
-                <div class="select-clear"></div>
-              </a>
-              <script>variants.markSelectedVariant();</script>
-            </li>
-            <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
-          </ul>
-        </div>
-        <div id="footer" class="footerFooter showFooter">
-          <style>
-            #footer {
-              font-size: 13px;
-              height: 100px;
-              margin-left: auto;
-              margin-right: auto;
-              padding: 2rem 1rem;
-              text-align: center;
-              min-width: 230px;
-              max-width: 300px;
-            }
-            #footer p {
-              margin: 0;
-            }
-          </style>
-          <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
-          <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
-          <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
-          <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234283"></script>
-        </div>
-      </div>
-    </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234283" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234283" defer></script>
-  </body>
-</html>
diff --git a/tests/links/index.xml b/tests/links/index.xml
deleted file mode 100644
index 2cbddb3d38..0000000000
--- a/tests/links/index.xml
+++ /dev/null
@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Links on Hugo Relearn Theme</title>
-    <link>https://McShelby.github.io/hugo-theme-relearn/tests/links/</link>
-    <description>Recent content in Links on Hugo Relearn Theme</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en</language><atom:link href="https://McShelby.github.io/hugo-theme-relearn/tests/links/index.xml" rel="self" type="application/rss+xml" />
-  </channel>
-</rss>
\ No newline at end of file
diff --git a/tests/width/index.html b/tests/width/index.html
index e6283e612e..88ba05b72f 100644
--- a/tests/width/index.html
+++ b/tests/width/index.html
@@ -10,25 +10,25 @@
     <title>Width :: Hugo Relearn Theme</title>
     <link href="/hugo-theme-relearn/tests/width/index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="/hugo-theme-relearn/_print/tests/width/" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="/hugo-theme-relearn/images/logo.svg?1657234282" rel="icon" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/images/logo.svg?1657830003" rel="icon" type="image/svg+xml">
     
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
     <noscript>
-      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657234282" rel="stylesheet">
-      <link href="/hugo-theme-relearn/css/auto-complete.css?1657234282" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/featherlight.min.css?1657830003" rel="stylesheet">
+      <link href="/hugo-theme-relearn/css/auto-complete.css?1657830003" rel="stylesheet">
     </noscript>
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fonts.css?1657234282" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
-    <link href="/hugo-theme-relearn/css/theme.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657234282" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1657234282" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1657234282" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1657234282"></script>
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fonts.css?1657830003" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;">
+    <link href="/hugo-theme-relearn/css/theme.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1657830003" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1657830003" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1657830003" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1657830003"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,11 +42,11 @@
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1657830003" defer></script>
   </head>
-  <body class="mobile-support" data-url="/hugo-theme-relearn/tests/width/">
+  <body class="mobile-support html" data-url="/hugo-theme-relearn/tests/width/">
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
@@ -56,7 +56,7 @@
              <span class="nav nav-next"><i class="fa fa-chevron-right fa-fw"></i></span>
           </div>
           <div class="navigation">
-             <a class="nav nav-prev" href="/hugo-theme-relearn/tests/links/" title="Links (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
+             <a class="nav nav-prev" href="/hugo-theme-relearn/tests/images/" title="Images (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-print-link">
             <a class="print-link" title='Print whole chapter (CTRL+ALT+p)' href="/hugo-theme-relearn/_print/tests/width/">
@@ -181,12 +181,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657234282" defer></script>
-        <script src="/hugo-theme-relearn/js/search.js?1657234282" defer></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.stemmer.support.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.multi.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/lunr.en.min.js?1657830003" defer></script>
+        <script src="/hugo-theme-relearn/js/search.js?1657830003" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -263,7 +263,6 @@
           <li data-nav-id="/hugo-theme-relearn/tests/chapters/9/" title="9" class="dd-item"><a href="/hugo-theme-relearn/tests/chapters/9/">9<i class="fas fa-check read-icon"></i></a></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/tests/code/" title="Code" class="dd-item"><a href="/hugo-theme-relearn/tests/code/">Code<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/images/" title="Images" class="dd-item"><a href="/hugo-theme-relearn/tests/images/">Images<i class="fas fa-check read-icon"></i></a></li>
-          <li data-nav-id="/hugo-theme-relearn/tests/links/" title="Links" class="dd-item"><a href="/hugo-theme-relearn/tests/links/">Links<i class="fas fa-check read-icon"></i></a></li>
           <li data-nav-id="/hugo-theme-relearn/tests/width/" title="Width" class="dd-item active"><a href="/hugo-theme-relearn/tests/width/">Width<i class="fas fa-check read-icon"></i></a></li></ul></li>
         </ul>
         <div id="shortcuts">
@@ -298,7 +297,7 @@
                 <i class="fas fa-paint-brush fa-fw"></i>
                 <span>&nbsp;</span>
                 <div class="select-style">
-                  <select id="select-variant" onchange="variants.changeVariant( this.value );">
+                  <select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                     <option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
                     <option id="learn" value="learn">Learn</option>
@@ -310,7 +309,7 @@
                 </div>
                 <div class="select-clear"></div>
               </a>
-              <script>variants.markSelectedVariant();</script>
+              <script>window.variants && variants.markSelectedVariant();</script>
             </li>
             <li class="footerVisitedLinks showVisitedLinks"><a class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear History</a></li>
           </ul>
@@ -335,13 +334,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"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="/hugo-theme-relearn/js/buttons.js?1657234282"></script>
+          <script async src="/hugo-theme-relearn/js/buttons.js?1657830003"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657234282" defer></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1657234282" defer></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1657830003" defer></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1657830003" defer></script>
   </body>
 </html>