diff --git a/404.html b/404.html
index 94bd1a984b..a2bd2cf8e7 100644
--- a/404.html
+++ b/404.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index 4f1afa7782..d502820550 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -9,24 +9,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title> :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/changelog/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/changelog/" title="" class="dd-item active"><a href="/hugo-theme-relearn/basics/changelog/"><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"><a href="/hugo-theme-relearn/cont/"><b>2.</b> Content<i class="fas fa-check read-icon"></i></a><ul>
@@ -682,13 +683,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -700,6 +701,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index 7121c59a2c..eded4e12eb 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Configuration :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/configuration/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/configuration/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item active parent alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -344,13 +345,13 @@ default values:</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -362,6 +363,6 @@ default values:</p>
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index 83dc7621fb..00895c19c4 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Customization :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/customization/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/customization/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item active parent alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -190,7 +191,7 @@
       <div class="padding highlightable">
         <div id="top-bar"><div>
           <div class="navigation">
-              <a class="nav nav-next" href="/hugo-theme-relearn/basics/history/" title="History"><i class="fas fa-chevron-right fa-fw"></i></a>
+              <a class="nav nav-next" href="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
               <a class="nav nav-prev" href="/hugo-theme-relearn/basics/configuration/" title="Configuration"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -379,13 +380,13 @@ You could use an <code>img</code> HTML tag and reference an image created under
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -397,6 +398,6 @@ You could use an <code>img</code> HTML tag and reference an image created under
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index 142f723274..8a928dd0c8 100644
--- a/basics/generator/index.html
+++ b/basics/generator/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Stylesheet generator :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/generator/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/generator/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -234,7 +234,8 @@
 <p>To get started, first select a color variant from the theme selector that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph and the page will update accordingly.</p>
 <p>The arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn&rsquo;t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.</p>
-<p>This is best seen in the <code>neon</code> variant with the differnet headings colors. There, colors for the heading <code>h1</code>, <code>h2</code>, <code>h3</code> and <code>h4</code> are explicitly set. <code>h5</code> is not set and inherits its value from <code>h4</code>. <code>h6</code> is also not set and inherits its value from <code>h5</code>.</p>
+<p>To better understand this select the <code>neon</code> variant and modify the differnet heading colors. There, colors for the heading <code>h2</code>, <code>h3</code> and <code>h4</code> are explicitly set. <code>h5</code> is not set and inherits its value from <code>h4</code>. <code>h6</code> is also not set and inherits its value from <code>h5</code>.</p>
+<p>Once you are satisfied, you can download the new variants file and install it in your site.</p>
 <h2 id="variant-generator">Variant generator</h2>
 <div id="vargenerator" class="mermaid" style="background-color: var(--INTERNAL-MAIN-TEXT-color);" align="center">Graph</div>
 <p><a class="vardownload btn btn-default">Download color variant</a></p>
@@ -250,13 +251,13 @@ variants.generator( '#vargenerator', '.vardownload' );
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -268,6 +269,6 @@ variants.generator( '#vargenerator', '.vardownload' );
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 3d9091c8e6..c0c559cd98 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>History :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/history/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/history/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item active parent alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -193,7 +194,7 @@
               <a class="nav nav-next" href="/hugo-theme-relearn/cont/" title="Content"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-              <a class="nav nav-prev" href="/hugo-theme-relearn/basics/customization/" title="Customization"><i class="fas fa-chevron-left fa-fw"></i></a>
+              <a class="nav nav-prev" href="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/contentbasics/history/_index.en.md" target="blank">
@@ -684,13 +685,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -702,6 +703,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 72870259db..6b45b23cf2 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Basics :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -231,13 +232,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -249,6 +250,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index daa1764ab4..f416ec8ef7 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Installation :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/installation/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/installation/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item active parent alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -300,13 +301,13 @@ hugo new basics/second-content/_index.md
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -318,6 +319,6 @@ hugo new basics/second-content/_index.md
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index eb670d8121..0913db0334 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>What&#39;s new :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/migration/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/migration/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -265,6 +266,9 @@
 <p>To see what&rsquo;s now possible, see the new variants <code>relearn-dark</code> and <code>neon</code> that are coming with this release.</p>
 </li>
 <li>
+<p><strong>New</strong>: To make the creation of new variants easier for you, we&rsquo;ve added a new interactive <a href="/hugo-theme-relearn/basics/generator/">theme variant generator</a>.</p>
+</li>
+<li>
 <p><strong>New</strong>: You can now configure multiple color variants in your <code>config.toml</code>. In this case, the first variant is the default chosen on first view and a theme switch will be shown in the menu footer. See the <a href="/hugo-theme-relearn/basics/customization/#multiple-variants">documentation</a> for configuration.</p>
 <p>Note, that the new theme switch will not work with Internet Explorer 11 as it does not support CSS variables.</p>
 </li>
@@ -462,13 +466,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -480,6 +484,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index f4f2a4555e..42b3c5b7bc 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Requirements :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/requirements/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/requirements/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -231,13 +232,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -249,6 +250,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index 93394b0295..07184b8529 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Categories :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/categories/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/categories/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -222,13 +223,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -240,6 +241,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 6248426fd5..712d45c2b9 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Archetypes :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/archetypes/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item parent"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -268,13 +269,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -286,6 +287,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 7a8b0640ec..e26b1516ba 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Multilingual and i18n :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/i18n/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/i18n/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item parent"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -304,13 +305,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -322,6 +323,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/cont/icons/index.html b/cont/icons/index.html
index 2042f7f6dd..0906f278fe 100644
--- a/cont/icons/index.html
+++ b/cont/icons/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Icons and logos :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/icons/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item parent"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -259,13 +260,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -277,6 +278,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 6c46527d0c..ca7c23d72b 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Content :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item active parent"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -231,13 +232,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -249,6 +250,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index 6bbcef087c..17b3f01055 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Markdown syntax :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/markdown/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item parent"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -784,13 +785,13 @@ grunt.initConfig({
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -802,6 +803,6 @@ grunt.initConfig({
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 4be70bbc9b..63f11fc89c 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Menu extra shortcuts :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/menushortcuts/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item parent"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -346,13 +347,13 @@ However, if you want to keep the title but change its value, it can be overriden
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -364,6 +365,6 @@ However, if you want to keep the title but change its value, it can be overriden
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 7904d6331f..2a518467aa 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Pages organization :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/pages/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/pages/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item parent"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 active parent alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -380,13 +381,13 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -398,6 +399,6 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.html b/cont/syntaxhighlight/index.html
index b67cd38726..a974934990 100644
--- a/cont/syntaxhighlight/index.html
+++ b/cont/syntaxhighlight/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Code highlighting :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/syntaxhighlight/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item parent"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -284,13 +285,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -302,6 +303,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/cont/tags/index.html b/cont/tags/index.html
index d36f35d9cb..8f6a634e12 100644
--- a/cont/tags/index.html
+++ b/cont/tags/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Tags :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/tags/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item parent"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -260,13 +261,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -278,6 +279,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index 487c9c7e48..8eae56f59d 100644
--- a/index.html
+++ b/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Relearn Theme for Hugo :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -283,13 +284,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -301,6 +302,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/index.json b/index.json
index f61b97546b..759941f1fe 100644
--- a/index.json
+++ b/index.json
@@ -21,7 +21,7 @@
     "uri": "/hugo-theme-relearn/cont/"
   },
   {
-    "content": "This document shows you what’s new in the latest release. For a detailed list of changes, see the history page.\nBreaking: A change that requires action by you after upgrading to assure the site is still functional.\nChange: A change in default behavior. This may requires action by you / may or may not be revertable by configuration.\nNew: Marks new behavior you might find interesting or comes configurable.\n 3.0.0   Breaking: We made changes to the menu footer. If you have your menu-footer.html partial overridden, you may have to provide additional styling in your partial. For a reference take a look into the menu-footer.html partial that is coming with the exampleSite.\nThis change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and Clear history functionality).\n  Breaking: We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light greem menu header) as used in the official documentation.\nThis change will only affect your installation if you’ve not set the themeVariant parameter in your config.toml. If you still want to use the Learn color variant, you have to explicitly set themeVariant=\"learn\" in your config.toml.\nNote, that this will also affect your site if viewed with Internet Explorer 11 and can not be reconfigured as it does not support CSS variables.\n  Change: Due to a bug, that we couldn’t fix in a general manner for color variants, we decided to remove --MENU-SEARCH-BOX-ICONS-color.\n  New: With this release you are now capable to define your own dark mode variants.\nTo make this possible, we have introduced a lot more color variables you can use in your color variants. Your old variants will still work and don’t need to be changed as apropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.\nTo see what’s now possible, see the new variants relearn-dark and neon that are coming with this release.\n  New: You can now configure multiple color variants in your config.toml. In this case, the first variant is the default chosen on first view and a theme switch will be shown in the menu footer. See the documentation for configuration.\nNote, that the new theme switch will not work with Internet Explorer 11 as it does not support CSS variables.\n  2.9.0   Breaking: This release removes the themes implementation of ref/relref in favor for Hugos standard implementation. This is because of inconsistencies with the themes implementation. In advantage, your project becomes standard complient and exchanging this theme in your project to some other theme will be effortless.\nIn a standard complient form you must not link to the *.md file but to its logical name. You’ll see, referencing other pages becomes much easier. All three types result in the same reference:\n   Type Non-Standard Standard     Branch bundle basics/configuration/_index.md basics/configuration   Leaf bundle basics/configuration/index.md basics/configuration   Page basics/configuration.md basics/configuration    If you’ve linked from a page of one language to a page of another language, conversion is a bit more difficult but Hugo got you covered as well.\nAlso, the old themes implementation allowed refs to non-existing content. This will cause Hugos implementation to show the error below and abort the generation. If your project relies on this old behavior, you can reconfigure the error handling of Hugos implementation.\nIn the best case your usage of the old implementation is already standard complient and you don’t need to change anything. You’ll notice this very easily once you’ve started hugo server after an upgrade and no errors are written to the console.\nYou may see errors on the console after the update in the form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": page not found In this case, you must apply one of two options:\n  Copy the old implementation files theme/hugo-theme-relearn/layouts/shortcode/ref.html and theme/hugo-theme-relearn/layouts/shortcode/relref.html to your own projects layouts/shortcode/ref.html and layouts/shortcode/relref.html respectively. This is not recommended as your project will still rely on non-standard behavior afterwards.\n  Start up a text editor with regular expression support for search and replace. Apply the following conversions in the given order on all *.md files. This is the recommended choice.\n     Type Search Replace by     Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\"   Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\"   Page (ref\\s+\"[^\"]*)\\.md\" $1\"      2.8.0   Change: Although never officially documented, this release removes the font Novacento/Novecento. If you use it in an overwritten CSS please replace it with Work Sans. This change was necessary as Novacento did not provide all Latin special characters and lead to mixed styled character text eg. for czech.\n  New: The theme now supports favicons served from static/images/ named as favicon or logo in SVG, PNG or ICO format out of the box. An overridden partial layouts/partials/favicon.html may not be necessary anymore in most cases.\n  New: You can hide the table of contents menu for the whole site by setting the disableToc option in your config.toml. For an example see the example configuration.\n   2.7.0  New: Optional second parameter for notice shortcode to set title in box header.   2.6.0  New: Your site can now be served from a subfolder if you set baseURL and canonifyURLs=true in your config.toml. See the documentation for a detailed example.   2.5.0  Change: New colors --CODE-BLOCK-color and --CODE-BLOCK-BG-color were added to provide a fallback for Hugos syntax highlightning in case guessSyntax=true is set. Ideally the colors are set to the same values as the ones from your chosen chroma style.   2.4.0   Change: Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included. The documentation was adjusted accordingly.\n  New: Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting disableTagHiddenPages=true in your config.toml.\n  New: You can define the expansion state of your menus for the whole site by setting the alwaysopen option in your config.toml. Please see further documentation for possible values and default behavior.\n  New: New frontmatter ordersectionsby option to change immediate children sorting in menu and children shortcode. Possible values are title or weight.\n  New: Alternate content of a page is now advertised in the HTML meta tags. See Hugo documentation.\n   2.2.0  New: Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting disableSeoHiddenPages=true in your config.toml.   2.1.0   Change: In case the site’s structure contains addional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in the exampleSite), they will now be ignored by the search.\n  New: Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting disableSearchHiddenPages=true in your config.toml.\n  New: If a search term is found in an expand shortcode, the expand will be opened.\n  New: The menu will scroll the active item into view on load.\n   2.0.0   Change: Syntaxhighlightning was switched to the built in Hugo mechanism. You may need to configure a new stylesheet or decide to roll you own as described on in the Hugo documentation\n  Change: In the predefined stylesheets there was a typo and --MENU-HOME-LINK-HOVERED-color must be changed to --MENU-HOME-LINK-HOVER-color.\n  Change: --MENU-HOME-LINK-color and --MENU-HOME-LINK-HOVER-color were missing in the documentation. You should add them to your custom stylesheets.\n  Change: Arrow navigation and children shortcode were ignoring setting for ordersectionsby. This is now changed and may result in different sorting order of your sub pages.\n  Change: If hidden pages are accessed directly by typing their URL, they will be exposed in the menu.\n  Change: A page without a title will be treated as hidden=true.\n  New: You can define the expansion state of your menus in the frontmatter. Please see further documentation for possible values and default behavior.\n  New: New partials for defining pre/post content for menu items and the content. See documentation for further reading.\n  New: Shortcode children with new parameter containerstyle.\n  New: New shortcode include to include arbitrary file content into a page.\n   1.2.0  New: Shortcode expand with new parameter to open on page load.   1.1.0  New: Mermaid config options can be set in config.toml.  ",
+    "content": "This document shows you what’s new in the latest release. For a detailed list of changes, see the history page.\nBreaking: A change that requires action by you after upgrading to assure the site is still functional.\nChange: A change in default behavior. This may requires action by you / may or may not be revertable by configuration.\nNew: Marks new behavior you might find interesting or comes configurable.\n 3.0.0   Breaking: We made changes to the menu footer. If you have your menu-footer.html partial overridden, you may have to provide additional styling in your partial. For a reference take a look into the menu-footer.html partial that is coming with the exampleSite.\nThis change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and Clear history functionality).\n  Breaking: We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light greem menu header) as used in the official documentation.\nThis change will only affect your installation if you’ve not set the themeVariant parameter in your config.toml. If you still want to use the Learn color variant, you have to explicitly set themeVariant=\"learn\" in your config.toml.\nNote, that this will also affect your site if viewed with Internet Explorer 11 and can not be reconfigured as it does not support CSS variables.\n  Change: Due to a bug, that we couldn’t fix in a general manner for color variants, we decided to remove --MENU-SEARCH-BOX-ICONS-color.\n  New: With this release you are now capable to define your own dark mode variants.\nTo make this possible, we have introduced a lot more color variables you can use in your color variants. Your old variants will still work and don’t need to be changed as apropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.\nTo see what’s now possible, see the new variants relearn-dark and neon that are coming with this release.\n  New: To make the creation of new variants easier for you, we’ve added a new interactive theme variant generator.\n  New: You can now configure multiple color variants in your config.toml. In this case, the first variant is the default chosen on first view and a theme switch will be shown in the menu footer. See the documentation for configuration.\nNote, that the new theme switch will not work with Internet Explorer 11 as it does not support CSS variables.\n  2.9.0   Breaking: This release removes the themes implementation of ref/relref in favor for Hugos standard implementation. This is because of inconsistencies with the themes implementation. In advantage, your project becomes standard complient and exchanging this theme in your project to some other theme will be effortless.\nIn a standard complient form you must not link to the *.md file but to its logical name. You’ll see, referencing other pages becomes much easier. All three types result in the same reference:\n   Type Non-Standard Standard     Branch bundle basics/configuration/_index.md basics/configuration   Leaf bundle basics/configuration/index.md basics/configuration   Page basics/configuration.md basics/configuration    If you’ve linked from a page of one language to a page of another language, conversion is a bit more difficult but Hugo got you covered as well.\nAlso, the old themes implementation allowed refs to non-existing content. This will cause Hugos implementation to show the error below and abort the generation. If your project relies on this old behavior, you can reconfigure the error handling of Hugos implementation.\nIn the best case your usage of the old implementation is already standard complient and you don’t need to change anything. You’ll notice this very easily once you’ve started hugo server after an upgrade and no errors are written to the console.\nYou may see errors on the console after the update in the form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": page not found In this case, you must apply one of two options:\n  Copy the old implementation files theme/hugo-theme-relearn/layouts/shortcode/ref.html and theme/hugo-theme-relearn/layouts/shortcode/relref.html to your own projects layouts/shortcode/ref.html and layouts/shortcode/relref.html respectively. This is not recommended as your project will still rely on non-standard behavior afterwards.\n  Start up a text editor with regular expression support for search and replace. Apply the following conversions in the given order on all *.md files. This is the recommended choice.\n     Type Search Replace by     Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\"   Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\"   Page (ref\\s+\"[^\"]*)\\.md\" $1\"      2.8.0   Change: Although never officially documented, this release removes the font Novacento/Novecento. If you use it in an overwritten CSS please replace it with Work Sans. This change was necessary as Novacento did not provide all Latin special characters and lead to mixed styled character text eg. for czech.\n  New: The theme now supports favicons served from static/images/ named as favicon or logo in SVG, PNG or ICO format out of the box. An overridden partial layouts/partials/favicon.html may not be necessary anymore in most cases.\n  New: You can hide the table of contents menu for the whole site by setting the disableToc option in your config.toml. For an example see the example configuration.\n   2.7.0  New: Optional second parameter for notice shortcode to set title in box header.   2.6.0  New: Your site can now be served from a subfolder if you set baseURL and canonifyURLs=true in your config.toml. See the documentation for a detailed example.   2.5.0  Change: New colors --CODE-BLOCK-color and --CODE-BLOCK-BG-color were added to provide a fallback for Hugos syntax highlightning in case guessSyntax=true is set. Ideally the colors are set to the same values as the ones from your chosen chroma style.   2.4.0   Change: Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included. The documentation was adjusted accordingly.\n  New: Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting disableTagHiddenPages=true in your config.toml.\n  New: You can define the expansion state of your menus for the whole site by setting the alwaysopen option in your config.toml. Please see further documentation for possible values and default behavior.\n  New: New frontmatter ordersectionsby option to change immediate children sorting in menu and children shortcode. Possible values are title or weight.\n  New: Alternate content of a page is now advertised in the HTML meta tags. See Hugo documentation.\n   2.2.0  New: Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting disableSeoHiddenPages=true in your config.toml.   2.1.0   Change: In case the site’s structure contains addional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in the exampleSite), they will now be ignored by the search.\n  New: Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting disableSearchHiddenPages=true in your config.toml.\n  New: If a search term is found in an expand shortcode, the expand will be opened.\n  New: The menu will scroll the active item into view on load.\n   2.0.0   Change: Syntaxhighlightning was switched to the built in Hugo mechanism. You may need to configure a new stylesheet or decide to roll you own as described on in the Hugo documentation\n  Change: In the predefined stylesheets there was a typo and --MENU-HOME-LINK-HOVERED-color must be changed to --MENU-HOME-LINK-HOVER-color.\n  Change: --MENU-HOME-LINK-color and --MENU-HOME-LINK-HOVER-color were missing in the documentation. You should add them to your custom stylesheets.\n  Change: Arrow navigation and children shortcode were ignoring setting for ordersectionsby. This is now changed and may result in different sorting order of your sub pages.\n  Change: If hidden pages are accessed directly by typing their URL, they will be exposed in the menu.\n  Change: A page without a title will be treated as hidden=true.\n  New: You can define the expansion state of your menus in the frontmatter. Please see further documentation for possible values and default behavior.\n  New: New partials for defining pre/post content for menu items and the content. See documentation for further reading.\n  New: Shortcode children with new parameter containerstyle.\n  New: New shortcode include to include arbitrary file content into a page.\n   1.2.0  New: Shortcode expand with new parameter to open on page load.   1.1.0  New: Mermaid config options can be set in config.toml.  ",
     "description": "",
     "tags": null,
     "title": "What's new",
@@ -132,7 +132,7 @@
     "uri": "/hugo-theme-relearn/cont/menushortcuts/"
   },
   {
-    "content": "This interactive tool may help you to generate your own color variant stylesheet.\nTo get started, first select a color variant from the theme selector that fits you best as a starting point.\nThe graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph and the page will update accordingly.\nThe arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn’t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.\nThis is best seen in the neon variant with the differnet headings colors. There, colors for the heading h1, h2, h3 and h4 are explicitly set. h5 is not set and inherits its value from h4. h6 is also not set and inherits its value from h5.\nVariant generator Graph Download color variant\n variants.generator( '#vargenerator', '.vardownload' );  ",
+    "content": "This interactive tool may help you to generate your own color variant stylesheet.\nTo get started, first select a color variant from the theme selector that fits you best as a starting point.\nThe graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph and the page will update accordingly.\nThe arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn’t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.\nTo better understand this select the neon variant and modify the differnet heading colors. There, colors for the heading h2, h3 and h4 are explicitly set. h5 is not set and inherits its value from h4. h6 is also not set and inherits its value from h5.\nOnce you are satisfied, you can download the new variants file and install it in your site.\nVariant generator Graph Download color variant\n variants.generator( '#vargenerator', '.vardownload' );  ",
     "description": "",
     "tags": null,
     "title": "Stylesheet generator",
diff --git a/more/credits/index.html b/more/credits/index.html
index de7440443f..e870c21039 100644
--- a/more/credits/index.html
+++ b/more/credits/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Credits :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/more/credits/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/more/credits/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -246,13 +247,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -264,6 +265,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/more/showcase/index.html b/more/showcase/index.html
index 4fbc93e38e..cf3f584eaa 100644
--- a/more/showcase/index.html
+++ b/more/showcase/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Showcase :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/more/showcase/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/more/showcase/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -231,13 +232,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -249,6 +250,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index bd1c765c87..3978cbecba 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index 0644bb9a3e..2da2f19777 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Configurrrat&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/configuration/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/configuration/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item active parent alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -339,13 +340,13 @@ default values:</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -357,6 +358,6 @@ default values:</p>
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index e7c55a4242..f5a209c0ec 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Customizat&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/customization/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/customization/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item active parent alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -190,7 +191,7 @@
       <div class="padding highlightable">
         <div id="top-bar"><div>
           <div class="navigation">
-              <a class="nav nav-next" href="/hugo-theme-relearn/pir/basics/history/" title="Historrry"><i class="fas fa-chevron-right fa-fw"></i></a>
+              <a class="nav nav-next" href="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
               <a class="nav nav-prev" href="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n"><i class="fas fa-chevron-left fa-fw"></i></a>
@@ -365,13 +366,13 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -383,6 +384,6 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 57e3aa4896..1d4b08e2ed 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Stylesheet generrrat&#39;r :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/generator/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/generator/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -232,7 +232,8 @@
 <p>T' get started, first select a color variant from th' theme selector that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph an' th' plank will update accordingly.</p>
 <p>Th' arrowed lines reflect how colors be inherited thru different parts o' th' theme if th' descendent isn&rsquo;t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.</p>
-<p>This be best seen 'n th' <code>neon</code> variant wit' th' differnet head'ns colors. There, colors fer th' head'n <code>h1</code>, <code>h2</code>, <code>h3</code> an' <code>h4</code> be explicitly set. <code>h5</code> be not set an' inherits its value from <code>h4</code>. <code>h6</code> be also not set an' inherits its value from <code>h5</code>.</p>
+<p>T' better understand this select th' <code>neon</code> variant an' modify th' differnet head'n colors. There, colors fer th' head'n <code>h2</code>, <code>h3</code> an' <code>h4</code> be explicitly set. <code>h5</code> be not set an' inherits its value from <code>h4</code>. <code>h6</code> be also not set an' inherits its value from <code>h5</code>.</p>
+<p>Once ye be satisfied, ye can download th' new variants file an' install it 'n yer ship.</p>
 <h2 id="variant-generator">Variant generator</h2>
 <div id="vargenerator" class="mermaid" style="background-color: var(--INTERNAL-MAIN-TEXT-color);" align="center">Graph</div>
 <p><a class="vardownload btn btn-default">Download color variant</a></p>
@@ -249,13 +250,13 @@ variants.generator( '#vargenerator', '.vardownload' );
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -267,6 +268,6 @@ variants.generator( '#vargenerator', '.vardownload' );
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 9c541094e0..4d9eea0f7f 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Historrry :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/history/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/history/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item active parent alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -193,7 +194,7 @@
               <a class="nav nav-next" href="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n"><i class="fas fa-chevron-right fa-fw"></i></a>
           </div>
           <div class="navigation">
-              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n"><i class="fas fa-chevron-left fa-fw"></i></a>
+              <a class="nav nav-prev" href="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r"><i class="fas fa-chevron-left fa-fw"></i></a>
           </div>
           <div id="top-github-link">
             <a class="github-link" title='Edit' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/contentbasics/history/_index.pir.md" target="blank">
@@ -529,13 +530,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -547,6 +548,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 9f0a8a363e..3e38bf59ee 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Basics :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -240,13 +241,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -258,6 +259,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 29a7990502..51238045ac 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Installat&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/installation/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/installation/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -293,13 +294,13 @@ hugo new basics/second-content/_index.md
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -311,6 +312,6 @@ hugo new basics/second-content/_index.md
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index a871da5717..ff3be23913 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Migrrrat&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/migration/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/migration/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item active parent alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -252,6 +253,9 @@
 <p>T' see what&rsquo;s now poss'ble, see th' new variants <code>relearn-dark</code> an' <code>neon</code> that be com'n wit' this release.</p>
 </li>
 <li>
+<p><strong>New</strong>: T' make th' creat'n o' new variants easier fer ye, we&rsquo;ve added a new interactive <a href="/hugo-theme-relearn/pir/basics/generator/">theme variant generator</a>.</p>
+</li>
+<li>
 <p><strong>New</strong>: Ye can now configure multiple color variants 'n yer <code>config.toml</code>. In this case, th' first variant be th' default chosen on first view an' a theme switch will be shown 'n th' menu footer. See th' <a href="/hugo-theme-relearn/pir/basics/customization/#multiple-variants">documentat'n</a> fer configurat'n.</p>
 <p>Avast, that th' new theme switch will not work wit' Internet Explorer 11 as it does not support CSS variables.</p>
 </li>
@@ -450,13 +454,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -468,6 +472,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index 6c982bad86..a6e62523d8 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Requirrrements :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/requirements/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/requirements/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -240,13 +241,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -258,6 +259,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 25a39e8c64..2d03c29373 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Categories :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/categories/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/categories/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -222,13 +223,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -240,6 +241,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 63e3160e94..e29eb11070 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Arrrchetypes :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/archetypes/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item parent"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -266,13 +267,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -284,6 +285,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 00cfe48b16..13686420a3 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Multilingual an&#39; i18n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/i18n/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/i18n/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item parent"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -301,13 +302,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -319,6 +320,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/cont/icons/index.html b/pir/cont/icons/index.html
index 5472335f2c..51ffa6df1a 100644
--- a/pir/cont/icons/index.html
+++ b/pir/cont/icons/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Ay&#39;cons an&#39; logos :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/icons/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item parent"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -256,13 +257,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -274,6 +275,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index 933f14efe8..e8eef88d31 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Rambl&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item active parent"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -240,13 +241,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -258,6 +259,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 8441f2214c..b79cbdfa47 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Marrrkdown rules :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/markdown/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item parent"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -731,13 +732,13 @@ grunt.initConfig({
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -749,6 +750,6 @@ grunt.initConfig({
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index acc33ede44..ea098e2cee 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Menu extrrra shorrrtcuts :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/menushortcuts/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item parent"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -344,13 +345,13 @@ However, if ye want t' keep th' title but change its value, it can be overriden
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -362,6 +363,6 @@ However, if ye want t' keep th' title but change its value, it can be overriden
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 8a519cd82b..c6ff2beec5 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Planks orrrganizat&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/pages/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/pages/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item parent"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 active parent alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -368,13 +369,13 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -386,6 +387,6 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.html b/pir/cont/syntaxhighlight/index.html
index 45081378b5..cee0eeebb6 100644
--- a/pir/cont/syntaxhighlight/index.html
+++ b/pir/cont/syntaxhighlight/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Code highlight&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/syntaxhighlight/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item parent"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -281,13 +282,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -299,6 +300,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/cont/tags/index.html b/pir/cont/tags/index.html
index a7b1709e01..504584d084 100644
--- a/pir/cont/tags/index.html
+++ b/pir/cont/tags/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Tags :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/tags/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item parent"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 0d72a75f97..fd10e9e471 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Relearrrn Theme fer Cap&#39;n Hugo :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -278,13 +279,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -296,6 +297,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/index.json b/pir/index.json
index 20daea91ce..48178cdf36 100644
--- a/pir/index.json
+++ b/pir/index.json
@@ -94,7 +94,7 @@
     "uri": "/hugo-theme-relearn/pir/cont/syntaxhighlight/"
   },
   {
-    "content": " Arrr! ☠ Pirrrates ☠ Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\n  This document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\nBreak'n: A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.\nChange: A change 'n default behavior. This may requires act'n by ye / may or may not be revert'ble by configurat'n.\nNew: Marks new behavior ye might find interest'n or comes configur'ble.\n 3.0.0   Break'n: We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' provide additional styl'n 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\n  Break'n: We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light greem menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 an' can not be reconfigured as it does not support CSS variables.\n  Change: Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color.\n  New: Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as apropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\n  New: Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a theme switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new theme switch will not work wit' Internet Explorer 11 as it does not support CSS variables.\n  2.9.0   Break'n: This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard complient an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard complient form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\n   Type Non-Standard Standard     Branch bundle basics/configuration/_index.md basics/configurat'n   Leaf bundle basics/configuration/index.md basics/configurat'n   Plank basics/configurat'n.md basics/configurat'n    If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard complient an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server aft an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console aft th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not found In this case, ye must apply one o' two opt'ns:\n  Copy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\n  Start up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all *.md files. This be th' recommended choice.\n     Type Search Replace by     Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\"   Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\"   Plank (ref\\s+\"[^\"]*)\\.md\" $1\"      2.8.0   Change: Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer czech.\n  New: Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\n  New: Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n   2.7.0  New: Optional second parameter fer notice shorrrtcode t' set title 'n box header.   2.6.0  New: Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example.   2.5.0  Change: New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlightn'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style.   2.4.0   Change: Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included. Th' documentat'n was adjusted accordingly.\n  New: Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\n  New: Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\n  New: New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shorrrtcode. Poss'ble values be title or weight.\n  New: Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n   2.2.0  New: Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml.   2.1.0   Change: In case th' site’s structure contains addional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\n  New: Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\n  New: If a search term be found 'n an expand shorrrtcode, th' expand will be opened.\n  New: Th' menu will scroll th' active item into view on board.\n   2.0.0   Change: Syntaxhighlightn'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\n  Change: In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color.\n  Change: --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets.\n  Change: Arrow navigat'n an' children shorrrtcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\n  Change: If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\n  Change: A plank without a title will be treated as hidden=true.\n  New: Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\n  New: New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\n  New: Shorrrtcode children wit' new parameter containerstyle.\n  New: New shorrrtcode include t' include arbitrary file rrrambl'n into a plank.\n   1.2.0  New: Shorrrtcode expand wit' new parameter t' open on plank board.   1.1.0  New: Merrrmaid config opt'ns can be set 'n config.toml.  ",
+    "content": " Arrr! ☠ Pirrrates ☠ Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\n  This document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\nBreak'n: A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.\nChange: A change 'n default behavior. This may requires act'n by ye / may or may not be revert'ble by configurat'n.\nNew: Marks new behavior ye might find interest'n or comes configur'ble.\n 3.0.0   Break'n: We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' provide additional styl'n 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\n  Break'n: We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light greem menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 an' can not be reconfigured as it does not support CSS variables.\n  Change: Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color.\n  New: Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as apropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\n  New: T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive theme variant generator.\n  New: Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a theme switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new theme switch will not work wit' Internet Explorer 11 as it does not support CSS variables.\n  2.9.0   Break'n: This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard complient an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard complient form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\n   Type Non-Standard Standard     Branch bundle basics/configuration/_index.md basics/configurat'n   Leaf bundle basics/configuration/index.md basics/configurat'n   Plank basics/configurat'n.md basics/configurat'n    If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard complient an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server aft an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console aft th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not found In this case, ye must apply one o' two opt'ns:\n  Copy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\n  Start up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all *.md files. This be th' recommended choice.\n     Type Search Replace by     Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\"   Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\"   Plank (ref\\s+\"[^\"]*)\\.md\" $1\"      2.8.0   Change: Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer czech.\n  New: Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\n  New: Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n   2.7.0  New: Optional second parameter fer notice shorrrtcode t' set title 'n box header.   2.6.0  New: Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example.   2.5.0  Change: New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlightn'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style.   2.4.0   Change: Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included. Th' documentat'n was adjusted accordingly.\n  New: Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\n  New: Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\n  New: New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shorrrtcode. Poss'ble values be title or weight.\n  New: Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n   2.2.0  New: Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml.   2.1.0   Change: In case th' site’s structure contains addional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\n  New: Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\n  New: If a search term be found 'n an expand shorrrtcode, th' expand will be opened.\n  New: Th' menu will scroll th' active item into view on board.\n   2.0.0   Change: Syntaxhighlightn'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\n  Change: In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color.\n  Change: --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets.\n  Change: Arrow navigat'n an' children shorrrtcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\n  Change: If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\n  Change: A plank without a title will be treated as hidden=true.\n  New: Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\n  New: New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\n  New: Shorrrtcode children wit' new parameter containerstyle.\n  New: New shorrrtcode include t' include arbitrary file rrrambl'n into a plank.\n   1.2.0  New: Shorrrtcode expand wit' new parameter t' open on plank board.   1.1.0  New: Merrrmaid config opt'ns can be set 'n config.toml.  ",
     "description": "",
     "tags": null,
     "title": "Migrrrat'n",
@@ -132,7 +132,7 @@
     "uri": "/hugo-theme-relearn/pir/cont/menushortcuts/"
   },
   {
-    "content": " Arrr! ☠ Pirrrates ☠ Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\n  This interactive tool may help ye t' generate yer own color variant stylesheet.\nT' get started, first select a color variant from th' theme selector that fits ye best as a start'n point.\nTh' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph an' th' plank will update accordingly.\nTh' arrowed lines reflect how colors be inherited thru different parts o' th' theme if th' descendent isn’t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.\nThis be best seen 'n th' neon variant wit' th' differnet head'ns colors. There, colors fer th' head'n h1, h2, h3 an' h4 be explicitly set. h5 be not set an' inherits its value from h4. h6 be also not set an' inherits its value from h5.\nVariant generator Graph Download color variant\n variants.generator( '#vargenerator', '.vardownload' );  ",
+    "content": " Arrr! ☠ Pirrrates ☠ Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\n  This interactive tool may help ye t' generate yer own color variant stylesheet.\nT' get started, first select a color variant from th' theme selector that fits ye best as a start'n point.\nTh' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph an' th' plank will update accordingly.\nTh' arrowed lines reflect how colors be inherited thru different parts o' th' theme if th' descendent isn’t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.\nT' better understand this select th' neon variant an' modify th' differnet head'n colors. There, colors fer th' head'n h2, h3 an' h4 be explicitly set. h5 be not set an' inherits its value from h4. h6 be also not set an' inherits its value from h5.\nOnce ye be satisfied, ye can download th' new variants file an' install it 'n yer ship.\nVariant generator Graph Download color variant\n variants.generator( '#vargenerator', '.vardownload' );  ",
     "description": "",
     "tags": null,
     "title": "Stylesheet generrrat'r",
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index 4741a6df23..2282d41e9b 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Crrredits :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/more/credits/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/more/credits/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -255,13 +256,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -273,6 +274,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/more/showcase/index.html b/pir/more/showcase/index.html
index 5c3e986f75..9bac6066ec 100644
--- a/pir/more/showcase/index.html
+++ b/pir/more/showcase/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Showcase :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/more/showcase/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/more/showcase/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -240,13 +241,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -258,6 +259,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 37212725a3..2d45bad628 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/attachments/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -417,13 +418,13 @@ Currently, it support two implementat'ns fer planks</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -435,6 +436,6 @@ Currently, it support two implementat'ns fer planks</p>
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index a1c22141a3..a47b5fa29b 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Button :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/button/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></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 b56f075a2e..512c5b0a15 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1-1-1-1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" 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" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" 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/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -252,13 +253,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -270,6 +271,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></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 66b3bf2f86..4b37820734 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1-1-1 (hidden) :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" 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" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" 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/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></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 be74364a13..53e1cd28d3 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1-1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -254,13 +255,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -272,6 +273,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></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 f661d6c1e2..43cf9c7fcd 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1 (hidden) :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -253,13 +254,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -271,6 +272,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></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 61250196ce..661f17dda3 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
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-2-1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -246,13 +247,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -264,6 +265,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></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 6a009b51cd..c7d47fab74 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
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-2-2 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -246,13 +247,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -264,6 +265,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></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 0f063713e9..c3f8da555b 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
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-2 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -252,13 +253,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -270,6 +271,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></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 34cc9f4c8b..6816146b9a 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
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-3 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -245,13 +246,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -263,6 +264,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></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 49ef850048..93aee8cc27 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -252,13 +253,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -270,6 +271,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index f83273fe73..a478ffb72e 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -249,13 +250,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -267,6 +268,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 3733878c03..acae3fc09a 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 2 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-2/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -244,13 +245,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -262,6 +263,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index c95b8641f7..30447eea51 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 3 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -249,13 +250,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -267,6 +268,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/test3/index.html b/pir/shortcodes/children/children-3/test3/index.html
index ed64d787dc..8d1158e81f 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank 3-1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -243,13 +244,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -261,6 +262,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index b86c4cea06..9c4e06cfa9 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 4 (hidden) :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-4/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-4/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -244,13 +245,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -262,6 +263,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 334d87054c..620c9b1960 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Children :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -386,13 +387,13 @@ So its rrrambl'n be used as descript'n.</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -404,6 +405,6 @@ So its rrrambl'n be used as descript'n.</p>
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index 7263d29ccb..1c1d75096e 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank X :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/test/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -238,13 +239,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -256,6 +257,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 810be45723..f0fa682493 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Expand :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/expand/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -365,13 +366,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -383,6 +384,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 8be51cfcb7..1b08023835 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Include :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/include/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -268,13 +269,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -286,6 +287,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index deb7f6f3df..d4585d7ec7 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Shorrrtcodes :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -283,13 +284,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -301,6 +302,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index 8a996d5437..f296446c2f 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Merrrmaid :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/mermaid/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -470,13 +471,13 @@ classDiagram
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -488,6 +489,6 @@ classDiagram
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 9a3c33448a..4cb6899652 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Notice :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/notice/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -472,13 +473,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -490,6 +491,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index cb74098dfb..a1414eaa0d 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Ship param :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/siteparam/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -248,13 +249,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -266,6 +267,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 167fd9c437..9802f3d3eb 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Tabbed views :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/tabs/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -407,13 +408,13 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -425,6 +426,6 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index 2157ea22af..5969590f2a 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>children :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/children/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/children/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -237,13 +238,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -255,6 +256,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index bb3ead716d..09f03542bf 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>documentat&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/documentatn/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/documentatn/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -223,13 +224,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -241,6 +242,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 61e794acb1..f4dbd1c837 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>hidden :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/hidden/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/hidden/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -228,13 +229,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -246,6 +247,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 8a5eb6007c..14a972ea61 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Tags :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -227,13 +228,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -245,6 +246,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 70b93df48e..70ce97b2c0 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>non-hidden :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/non-hidden/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/non-hidden/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -232,13 +233,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -250,6 +251,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 5642328338..6aa8e3fb98 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>tutorrrial :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/tutorrrial/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/tutorrrial/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -223,13 +224,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -241,6 +242,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.html b/pir/tests/code/index.html
index 6b8ab9b89c..e99fc71e32 100644
--- a/pir/tests/code/index.html
+++ b/pir/tests/code/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Code :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/code/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tests/code/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -262,13 +263,13 @@ Some preformatted stuff 'n HTML elements
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -280,6 +281,6 @@ Some preformatted stuff 'n HTML elements
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/tests/index.html b/pir/tests/index.html
index 7875eb7455..3933b5e435 100644
--- a/pir/tests/index.html
+++ b/pir/tests/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Tests :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tests/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -254,13 +255,13 @@ What about wrapp'n long inline code if multiple sections be written side567/by34
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -272,6 +273,6 @@ What about wrapp'n long inline code if multiple sections be written side567/by34
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/yours/1/index.html b/pir/yours/1/index.html
index 92e2396556..673defdd79 100644
--- a/pir/yours/1/index.html
+++ b/pir/yours/1/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -238,13 +239,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -256,6 +257,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/yours/10/index.html b/pir/yours/10/index.html
index f5731c6671..d6db00533b 100644
--- a/pir/yours/10/index.html
+++ b/pir/yours/10/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>11 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/10/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -238,13 +239,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -256,6 +257,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/yours/2/index.html b/pir/yours/2/index.html
index 626e433301..8cef605a2e 100644
--- a/pir/yours/2/index.html
+++ b/pir/yours/2/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>2 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -238,13 +239,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -256,6 +257,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/yours/3/index.html b/pir/yours/3/index.html
index ccb0b1d95a..f52631dc53 100644
--- a/pir/yours/3/index.html
+++ b/pir/yours/3/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>3 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -238,13 +239,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -256,6 +257,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/yours/4/index.html b/pir/yours/4/index.html
index 7616f5efe2..6010d162ed 100644
--- a/pir/yours/4/index.html
+++ b/pir/yours/4/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>4 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/4/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -238,13 +239,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -256,6 +257,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/yours/5/index.html b/pir/yours/5/index.html
index 50d3b9794d..22641a49b7 100644
--- a/pir/yours/5/index.html
+++ b/pir/yours/5/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>5 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/5/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -238,13 +239,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -256,6 +257,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/yours/6/index.html b/pir/yours/6/index.html
index 50ddff8482..809ef8acd5 100644
--- a/pir/yours/6/index.html
+++ b/pir/yours/6/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>6 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/6/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -238,13 +239,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -256,6 +257,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/yours/7/index.html b/pir/yours/7/index.html
index 64a84dde80..3a5d0ea440 100644
--- a/pir/yours/7/index.html
+++ b/pir/yours/7/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>7 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/7/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -238,13 +239,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -256,6 +257,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/yours/8/index.html b/pir/yours/8/index.html
index acac1eb148..3c561cfbeb 100644
--- a/pir/yours/8/index.html
+++ b/pir/yours/8/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>8 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/8/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -238,13 +239,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -256,6 +257,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/yours/9/index.html b/pir/yours/9/index.html
index 728785bfca..76965328bc 100644
--- a/pir/yours/9/index.html
+++ b/pir/yours/9/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>9 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/9/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -238,13 +239,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -256,6 +257,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/pir/yours/children-1/index.html b/pir/yours/children-1/index.html
index 1f728a7ad9..dbd731bde0 100644
--- a/pir/yours/children-1/index.html
+++ b/pir/yours/children-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Th&#39; one an&#39; only hidden child :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/children-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/children-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -250,13 +251,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -268,6 +269,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/pir/yours/index.html b/pir/yours/index.html
index 2a5ca0c6a9..4086ca6fa9 100644
--- a/pir/yours/index.html
+++ b/pir/yours/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>This could be yers :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398107" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398107" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398107" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398107" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398107" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399493" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399493" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399493" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399493" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399493" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399493"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399493"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398107"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398107"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399493"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399493"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/pir/basics/migration/" title="Migrrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/migration/">Migrrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/configuration/" title="Configurrrat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/customization/" title="Customizat&#39;n" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/pir/basics/generator/" title="Stylesheet generrrat&#39;r" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/basics/history/" title="Historrry" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/pir/cont/" title="Rambl&#39;n" class="dd-item"><a href="/hugo-theme-relearn/pir/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -251,13 +252,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398107"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399493"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399493"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -269,6 +270,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398107"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399493"></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 7a373e028b..9290836198 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="The Attachments shortcode displays a list of files attached to a page">
     <meta name="author" content="Sören Weber">
     <title>Attachments :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/attachments/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -415,13 +416,13 @@ Currently, it support two implementations for pages</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -433,6 +434,6 @@ Currently, it support two implementations for pages</p>
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 2f366d17cb..dca79a0f45 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Nice buttons on your page">
     <meta name="author" content="Sören Weber">
     <title>Button :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/button/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -248,13 +249,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -266,6 +267,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></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 0638a92809..4aa44967c1 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1-1-1-1 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" 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" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" 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/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -243,13 +244,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -261,6 +262,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></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 8d08f40b00..b0d967cef7 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1-1-1 (hidden) :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" 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" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" 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/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -258,13 +259,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -276,6 +277,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></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 6e5171031f..5b309ae069 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1-1 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -255,13 +256,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -273,6 +274,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></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 5d0b4ae9f1..2da4ca8ee2 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1 (hidden) :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -254,13 +255,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -272,6 +273,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></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 b857db9583..4e35d222a7 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
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-2-1 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -237,13 +238,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -255,6 +256,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></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 10575781db..139751167d 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
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-2-2 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -237,13 +238,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -255,6 +256,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></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 525aa31eee..d079144463 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
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-2 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -253,13 +254,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -271,6 +272,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></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 193867db05..f5c7d66750 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
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-3 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -236,13 +237,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -254,6 +255,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></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 4e06c904e5..2f1c704dc7 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -253,13 +254,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -271,6 +272,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index c907dccd16..1709fa5ccb 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -250,13 +251,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -268,6 +269,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index a2538d480d..6bd940d7ab 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 2 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-2/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -235,13 +236,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -253,6 +254,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index b63b9a9d5f..1da0e67cf0 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 3 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-3/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -250,13 +251,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -268,6 +269,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index 554e4cfba5..2a7a0b886a 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="This is a plain page test nested in a parent">
     <meta name="author" content="Sören Weber">
     <title>page 3-1 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-3/test3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -234,13 +235,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -252,6 +253,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index e1bd7b6264..c640fd35fa 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 4 (hidden) :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-4/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-4/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -235,13 +236,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -253,6 +254,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 79e569f443..04d66dd6c6 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Children :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -388,13 +389,13 @@ So its content is used as description.</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -406,6 +407,6 @@ So its content is used as description.</p>
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index f7159c11a0..c2524da2b0 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -9,24 +9,24 @@
 ">
     <meta name="author" content="Sören Weber">
     <title>page X :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/test/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -230,13 +231,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -248,6 +249,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index cbb533a63a..f50ff66281 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Displays an expandable/collapsible section of text on your page">
     <meta name="author" content="Sören Weber">
     <title>Expand :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/expand/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -373,13 +374,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -391,6 +392,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 1b77647334..4c387980c4 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Displays content from other Markdown files">
     <meta name="author" content="Sören Weber">
     <title>Include :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/include/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -274,13 +275,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -292,6 +293,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index 12a73c1f97..555581adc0 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -9,24 +9,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title> :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/include_me/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -241,13 +242,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -259,6 +260,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 79c399618b..2725b6499d 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Shortcodes :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -274,13 +275,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -292,6 +293,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index e80711d360..9cde4c8d6a 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Generation of diagram and flowchart from text in a similar manner as Markdown">
     <meta name="author" content="Sören Weber">
     <title>Mermaid :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/mermaid/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -485,13 +486,13 @@ classDiagram
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -503,6 +504,6 @@ classDiagram
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index 63ba7ccf45..6b503f8ca6 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Disclaimers to help you structure your page">
     <meta name="author" content="Sören Weber">
     <title>Notice :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/notice/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -482,13 +483,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -500,6 +501,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index 21dbfa3683..ea408fa78a 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Get value of site params variables in your page">
     <meta name="author" content="Sören Weber">
     <title>Site param :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/siteparam/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -250,13 +251,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -268,6 +269,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 56a8493fe0..e51e6bdb31 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Synchronize selection of content in different tabbed views">
     <meta name="author" content="Sören Weber">
     <title>Tabbed views :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/tabs/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -409,13 +410,13 @@ from the <code>'default'</code> group on a different page then all tabs will be
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -427,6 +428,6 @@ from the <code>'default'</code> group on a different page then all tabs will be
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 4bfa538078..ab09a21ca0 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>children :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/children/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/children/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -237,13 +238,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -255,6 +256,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 7064db2700..25ff9d24a1 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>documentation :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/documentation/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/documentation/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -223,13 +224,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -241,6 +242,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index 669639d566..d4072f72fc 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>hidden :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/hidden/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/hidden/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -228,13 +229,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -246,6 +247,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 876a265a69..d59b2431a4 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Tags :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -227,13 +228,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -245,6 +246,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 9275eefb34..5b0d68df34 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>non-hidden :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/non-hidden/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/non-hidden/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -232,13 +233,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -250,6 +251,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 8edd8f9f44..ecbf3477d0 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>tutorial :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/tutorial/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/tutorial/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -223,13 +224,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -241,6 +242,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/tests/code/index.html b/tests/code/index.html
index b45d55c762..130bfe1566 100644
--- a/tests/code/index.html
+++ b/tests/code/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Code :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/code/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tests/code/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -265,13 +266,13 @@ Some preformatted stuff in HTML elements
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -283,6 +284,6 @@ Some preformatted stuff in HTML elements
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/tests/index.html b/tests/index.html
index c3abef7f16..0d499c7a7b 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Tests :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tests/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -245,13 +246,13 @@ What about wrapping long inline code if multiple sections are written side567/by
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -263,6 +264,6 @@ What about wrapping long inline code if multiple sections are written side567/by
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/yours/1/index.html b/yours/1/index.html
index a9912a95ac..0b2247e3e2 100644
--- a/yours/1/index.html
+++ b/yours/1/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>1 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -258,13 +259,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -276,6 +277,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/10/index.html b/yours/10/index.html
index 34da3da97d..7a81b1e550 100644
--- a/yours/10/index.html
+++ b/yours/10/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>10 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/10/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -258,13 +259,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -276,6 +277,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/11.de/index.html b/yours/11.de/index.html
index c4414e3c2d..2d031b0549 100644
--- a/yours/11.de/index.html
+++ b/yours/11.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>11 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/11.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/12.de/index.html b/yours/12.de/index.html
index bd6617fecb..154c65133d 100644
--- a/yours/12.de/index.html
+++ b/yours/12.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>12 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/12.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/13.de/index.html b/yours/13.de/index.html
index 470cba99f2..e49b893646 100644
--- a/yours/13.de/index.html
+++ b/yours/13.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>13 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398105" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398105" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398105" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398105" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398105" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/13.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398105"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398105"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398105"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398105"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/14.de/index.html b/yours/14.de/index.html
index fb21e89b6b..104e60aa12 100644
--- a/yours/14.de/index.html
+++ b/yours/14.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>14 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/14.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/15.de/index.html b/yours/15.de/index.html
index c4230e74db..63a5cf7ae2 100644
--- a/yours/15.de/index.html
+++ b/yours/15.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>15 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/15.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/16.de/index.html b/yours/16.de/index.html
index 033c00c4c0..267cb1fad8 100644
--- a/yours/16.de/index.html
+++ b/yours/16.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>16 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/16.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/17.de/index.html b/yours/17.de/index.html
index d34a719b63..b10d741f0d 100644
--- a/yours/17.de/index.html
+++ b/yours/17.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>17 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/17.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/18.de/index.html b/yours/18.de/index.html
index 92a1a6a850..3ae57b421f 100644
--- a/yours/18.de/index.html
+++ b/yours/18.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>18 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/18.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/19.de/index.html b/yours/19.de/index.html
index c41b1b5113..a810e09e15 100644
--- a/yours/19.de/index.html
+++ b/yours/19.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>19 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/19.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/2/index.html b/yours/2/index.html
index c43a4ac62d..dc7f19825c 100644
--- a/yours/2/index.html
+++ b/yours/2/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>2 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -258,13 +259,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -276,6 +277,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/20.de/index.html b/yours/20.de/index.html
index 5d96c989bc..b8b4e6477a 100644
--- a/yours/20.de/index.html
+++ b/yours/20.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>20 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/20.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/21.de/index.html b/yours/21.de/index.html
index 0c9873d198..c6fe0a9e0f 100644
--- a/yours/21.de/index.html
+++ b/yours/21.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>21 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/21.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/22.de/index.html b/yours/22.de/index.html
index edebd7d6da..a823b703d8 100644
--- a/yours/22.de/index.html
+++ b/yours/22.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>22 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/22.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/23.de/index.html b/yours/23.de/index.html
index df4c0e1ccf..2846f163ba 100644
--- a/yours/23.de/index.html
+++ b/yours/23.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>23 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/23.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/24.de/index.html b/yours/24.de/index.html
index 59063adb9a..f9150dbddf 100644
--- a/yours/24.de/index.html
+++ b/yours/24.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>24 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/24.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/25.de/index.html b/yours/25.de/index.html
index 9c5a79f7f4..14c220bdb2 100644
--- a/yours/25.de/index.html
+++ b/yours/25.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>25 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/25.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/26.de/index.html b/yours/26.de/index.html
index a6108988b7..d3704f03a9 100644
--- a/yours/26.de/index.html
+++ b/yours/26.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>26 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/26.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/27.de/index.html b/yours/27.de/index.html
index db3ce73912..0ff23f538c 100644
--- a/yours/27.de/index.html
+++ b/yours/27.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>27 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/27.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/28.de/index.html b/yours/28.de/index.html
index 9ef97c3163..2fc9bdad0d 100644
--- a/yours/28.de/index.html
+++ b/yours/28.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>28 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/28.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/29.de/index.html b/yours/29.de/index.html
index 582fadc29c..15fa6c2684 100644
--- a/yours/29.de/index.html
+++ b/yours/29.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>29 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/29.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/3/index.html b/yours/3/index.html
index cd60bae029..ecf46a48fb 100644
--- a/yours/3/index.html
+++ b/yours/3/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>3 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -258,13 +259,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -276,6 +277,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/30.de/index.html b/yours/30.de/index.html
index ed13153fb9..f2a2e4cda5 100644
--- a/yours/30.de/index.html
+++ b/yours/30.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>30 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/30.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -257,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/4/index.html b/yours/4/index.html
index 2ebd6c52e9..bee7c24a72 100644
--- a/yours/4/index.html
+++ b/yours/4/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>4 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/4/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -258,13 +259,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -276,6 +277,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/5/index.html b/yours/5/index.html
index 6a5d5b85ff..b3fc222673 100644
--- a/yours/5/index.html
+++ b/yours/5/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>5 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/5/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -258,13 +259,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -276,6 +277,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/6/index.html b/yours/6/index.html
index 854af76080..59ef590ec4 100644
--- a/yours/6/index.html
+++ b/yours/6/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>6 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/6/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -258,13 +259,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399491"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399491"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -276,6 +277,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399491"></script>
   </body>
 </html>
diff --git a/yours/7/index.html b/yours/7/index.html
index 1acb469534..0c8f45dd08 100644
--- a/yours/7/index.html
+++ b/yours/7/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>7 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399491" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399491" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399491" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399491" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399491" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399491"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399491"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/7/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399491"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399491"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -258,13 +259,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -276,6 +277,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/yours/8/index.html b/yours/8/index.html
index e82edabea5..6aa9009bb3 100644
--- a/yours/8/index.html
+++ b/yours/8/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>8 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/8/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -258,13 +259,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -276,6 +277,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/yours/9/index.html b/yours/9/index.html
index dd7ea8179e..ee9170f42b 100644
--- a/yours/9/index.html
+++ b/yours/9/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>9 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/9/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -68,9 +68,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -80,6 +80,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -258,13 +259,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -276,6 +277,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/yours/children-1/index.html b/yours/children-1/index.html
index 9e696d4b2c..0d2ba375f9 100644
--- a/yours/children-1/index.html
+++ b/yours/children-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>The one and only hidden child :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/children-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/children-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -261,13 +262,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -279,6 +280,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>
diff --git a/yours/index.html b/yours/index.html
index 075993b593..86694eedf0 100644
--- a/yours/index.html
+++ b/yours/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>This could be yours :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645398106" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645398106" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645398106" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645398106" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645398106" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645399492" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645399492" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645399492" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645399492" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645399492" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645399492"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645399492"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -69,9 +69,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645398106"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645398106"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645399492"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645399492"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -81,6 +81,7 @@
           <li data-nav-id="/hugo-theme-relearn/basics/installation/" title="Installation" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/installation/">Installation<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/configuration/" title="Configuration" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/configuration/">Configuration<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/customization/" title="Customization" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/customization/">Customization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
+          <li data-nav-id="/hugo-theme-relearn/basics/generator/" title="Stylesheet generator" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/generator/">Stylesheet generator<i class="fas fa-check read-icon"></i></a><ul></ul></li>
           <li data-nav-id="/hugo-theme-relearn/basics/history/" title="History" class="dd-item alwaysopen"><a href="/hugo-theme-relearn/basics/history/">History<i class="fas fa-check read-icon"></i></a><ul></ul></li></ul></li>
           <li data-nav-id="/hugo-theme-relearn/cont/" title="Content" class="dd-item"><a href="/hugo-theme-relearn/cont/"><b>2.</b> 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 alwaysopen"><a href="/hugo-theme-relearn/cont/pages/">Pages organization<i class="fas fa-check read-icon"></i></a><ul></ul></li>
@@ -262,13 +263,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645398106"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645399492"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645399492"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -280,6 +281,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645398106"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645399492"></script>
   </body>
 </html>