From a526f6756b060fa7d24b70265b22169790a7f71f Mon Sep 17 00:00:00 2001
From: McShelby <McShelby@users.noreply.github.com>
Date: Sun, 13 Feb 2022 01:11:54 +0000
Subject: [PATCH] deploy: 874e54222208edc96ec1dd4f221ec31a023b5a09

---
 404.html                                      | 63 +++++++++++---
 basics/changelog/index.html                   | 85 ++++++++++++++-----
 basics/configuration/index.html               | 85 ++++++++++++++-----
 basics/customization/index.html               | 85 ++++++++++++++-----
 basics/history/index.html                     | 85 ++++++++++++++-----
 basics/index.html                             | 85 ++++++++++++++-----
 basics/installation/index.html                | 85 ++++++++++++++-----
 basics/migration/index.html                   | 85 ++++++++++++++-----
 basics/requirements/index.html                | 85 ++++++++++++++-----
 categories/index.html                         | 85 ++++++++++++++-----
 cont/archetypes/index.html                    | 85 ++++++++++++++-----
 cont/i18n/index.html                          | 85 ++++++++++++++-----
 cont/icons/index.html                         | 85 ++++++++++++++-----
 cont/index.html                               | 85 ++++++++++++++-----
 cont/markdown/index.html                      | 85 ++++++++++++++-----
 cont/menushortcuts/index.html                 | 85 ++++++++++++++-----
 cont/pages/index.html                         | 85 ++++++++++++++-----
 cont/syntaxhighlight/index.html               | 85 ++++++++++++++-----
 cont/tags/index.html                          | 85 ++++++++++++++-----
 credits/index.html                            | 85 ++++++++++++++-----
 index.html                                    | 85 ++++++++++++++-----
 js/relearn.js                                 | 38 ---------
 pir/404.html                                  | 63 +++++++++++---
 pir/basics/configuration/index.html           | 85 ++++++++++++++-----
 pir/basics/customization/index.html           | 85 ++++++++++++++-----
 pir/basics/history/index.html                 | 85 ++++++++++++++-----
 pir/basics/index.html                         | 85 ++++++++++++++-----
 pir/basics/installation/index.html            | 85 ++++++++++++++-----
 pir/basics/migration/index.html               | 85 ++++++++++++++-----
 pir/basics/requirements/index.html            | 85 ++++++++++++++-----
 pir/categories/index.html                     | 85 ++++++++++++++-----
 pir/cont/archetypes/index.html                | 85 ++++++++++++++-----
 pir/cont/i18n/index.html                      | 85 ++++++++++++++-----
 pir/cont/icons/index.html                     | 85 ++++++++++++++-----
 pir/cont/index.html                           | 85 ++++++++++++++-----
 pir/cont/markdown/index.html                  | 85 ++++++++++++++-----
 pir/cont/menushortcuts/index.html             | 85 ++++++++++++++-----
 pir/cont/pages/index.html                     | 85 ++++++++++++++-----
 pir/cont/syntaxhighlight/index.html           | 85 ++++++++++++++-----
 pir/cont/tags/index.html                      | 85 ++++++++++++++-----
 pir/credits/index.html                        | 85 ++++++++++++++-----
 pir/index.html                                | 85 ++++++++++++++-----
 pir/shortcodes/attachments/index.html         | 85 ++++++++++++++-----
 pir/shortcodes/button/index.html              | 85 ++++++++++++++-----
 .../children-1-1-1-1-1-1/index.html           | 85 ++++++++++++++-----
 .../children-1-1-1-1-1/index.html             | 85 ++++++++++++++-----
 .../children-1-1-1-1/index.html               | 85 ++++++++++++++-----
 .../children-1-1/children-1-1-1/index.html    | 85 ++++++++++++++-----
 .../children-1-1-2-1/index.html               | 85 ++++++++++++++-----
 .../children-1-1-2-2/index.html               | 85 ++++++++++++++-----
 .../children-1-1/children-1-1-2/index.html    | 85 ++++++++++++++-----
 .../children-1-1/children-1-1-3/index.html    | 85 ++++++++++++++-----
 .../children-1/children-1-1/index.html        | 85 ++++++++++++++-----
 pir/shortcodes/children/children-1/index.html | 85 ++++++++++++++-----
 pir/shortcodes/children/children-2/index.html | 85 ++++++++++++++-----
 pir/shortcodes/children/children-3/index.html | 85 ++++++++++++++-----
 .../children/children-3/test3/index.html      | 85 ++++++++++++++-----
 pir/shortcodes/children/children-4/index.html | 85 ++++++++++++++-----
 pir/shortcodes/children/index.html            | 85 ++++++++++++++-----
 pir/shortcodes/children/test/index.html       | 85 ++++++++++++++-----
 pir/shortcodes/expand/index.html              | 85 ++++++++++++++-----
 pir/shortcodes/include/index.html             | 85 ++++++++++++++-----
 pir/shortcodes/index.html                     | 85 ++++++++++++++-----
 pir/shortcodes/mermaid/index.html             | 85 ++++++++++++++-----
 pir/shortcodes/notice/index.html              | 85 ++++++++++++++-----
 pir/shortcodes/siteparam/index.html           | 85 ++++++++++++++-----
 pir/shortcodes/tabs/index.html                | 85 ++++++++++++++-----
 pir/showcase/index.html                       | 85 ++++++++++++++-----
 pir/tags/children/index.html                  | 85 ++++++++++++++-----
 pir/tags/documentatn/index.html               | 85 ++++++++++++++-----
 pir/tags/hidden/index.html                    | 85 ++++++++++++++-----
 pir/tags/index.html                           | 85 ++++++++++++++-----
 pir/tags/non-hidden/index.html                | 85 ++++++++++++++-----
 pir/tags/tutorrrial/index.html                | 85 ++++++++++++++-----
 pir/yours/1/index.html                        | 85 ++++++++++++++-----
 pir/yours/10/index.html                       | 85 ++++++++++++++-----
 pir/yours/2/index.html                        | 85 ++++++++++++++-----
 pir/yours/3/index.html                        | 85 ++++++++++++++-----
 pir/yours/4/index.html                        | 85 ++++++++++++++-----
 pir/yours/5/index.html                        | 85 ++++++++++++++-----
 pir/yours/6/index.html                        | 85 ++++++++++++++-----
 pir/yours/7/index.html                        | 85 ++++++++++++++-----
 pir/yours/8/index.html                        | 85 ++++++++++++++-----
 pir/yours/9/index.html                        | 85 ++++++++++++++-----
 pir/yours/children-1/index.html               | 85 ++++++++++++++-----
 pir/yours/index.html                          | 85 ++++++++++++++-----
 shortcodes/attachments/index.html             | 85 ++++++++++++++-----
 shortcodes/button/index.html                  | 85 ++++++++++++++-----
 .../children-1-1-1-1-1-1/index.html           | 85 ++++++++++++++-----
 .../children-1-1-1-1-1/index.html             | 85 ++++++++++++++-----
 .../children-1-1-1-1/index.html               | 85 ++++++++++++++-----
 .../children-1-1/children-1-1-1/index.html    | 85 ++++++++++++++-----
 .../children-1-1-2-1/index.html               | 85 ++++++++++++++-----
 .../children-1-1-2-2/index.html               | 85 ++++++++++++++-----
 .../children-1-1/children-1-1-2/index.html    | 85 ++++++++++++++-----
 .../children-1-1/children-1-1-3/index.html    | 85 ++++++++++++++-----
 .../children-1/children-1-1/index.html        | 85 ++++++++++++++-----
 shortcodes/children/children-1/index.html     | 85 ++++++++++++++-----
 shortcodes/children/children-2/index.html     | 85 ++++++++++++++-----
 shortcodes/children/children-3/index.html     | 85 ++++++++++++++-----
 .../children/children-3/test3/index.html      | 85 ++++++++++++++-----
 shortcodes/children/children-4/index.html     | 85 ++++++++++++++-----
 shortcodes/children/index.html                | 85 ++++++++++++++-----
 shortcodes/children/test/index.html           | 85 ++++++++++++++-----
 shortcodes/expand/index.html                  | 85 ++++++++++++++-----
 shortcodes/include/index.html                 | 85 ++++++++++++++-----
 shortcodes/include_me/index.html              | 85 ++++++++++++++-----
 shortcodes/index.html                         | 85 ++++++++++++++-----
 shortcodes/mermaid/index.html                 | 85 ++++++++++++++-----
 shortcodes/notice/index.html                  | 85 ++++++++++++++-----
 shortcodes/siteparam/index.html               | 85 ++++++++++++++-----
 shortcodes/tabs/index.html                    | 85 ++++++++++++++-----
 showcase/index.html                           | 85 ++++++++++++++-----
 tags/children/index.html                      | 85 ++++++++++++++-----
 tags/documentation/index.html                 | 85 ++++++++++++++-----
 tags/hidden/index.html                        | 85 ++++++++++++++-----
 tags/index.html                               | 85 ++++++++++++++-----
 tags/non-hidden/index.html                    | 85 ++++++++++++++-----
 tags/tutorial/index.html                      | 85 ++++++++++++++-----
 yours/1/index.html                            | 85 ++++++++++++++-----
 yours/10/index.html                           | 85 ++++++++++++++-----
 yours/11.de/index.html                        | 85 ++++++++++++++-----
 yours/12.de/index.html                        | 85 ++++++++++++++-----
 yours/13.de/index.html                        | 85 ++++++++++++++-----
 yours/14.de/index.html                        | 85 ++++++++++++++-----
 yours/15.de/index.html                        | 85 ++++++++++++++-----
 yours/16.de/index.html                        | 85 ++++++++++++++-----
 yours/17.de/index.html                        | 85 ++++++++++++++-----
 yours/18.de/index.html                        | 85 ++++++++++++++-----
 yours/19.de/index.html                        | 85 ++++++++++++++-----
 yours/2/index.html                            | 85 ++++++++++++++-----
 yours/20.de/index.html                        | 85 ++++++++++++++-----
 yours/21.de/index.html                        | 85 ++++++++++++++-----
 yours/22.de/index.html                        | 85 ++++++++++++++-----
 yours/23.de/index.html                        | 85 ++++++++++++++-----
 yours/24.de/index.html                        | 85 ++++++++++++++-----
 yours/25.de/index.html                        | 85 ++++++++++++++-----
 yours/26.de/index.html                        | 85 ++++++++++++++-----
 yours/27.de/index.html                        | 85 ++++++++++++++-----
 yours/28.de/index.html                        | 85 ++++++++++++++-----
 yours/29.de/index.html                        | 85 ++++++++++++++-----
 yours/3/index.html                            | 85 ++++++++++++++-----
 yours/30.de/index.html                        | 85 ++++++++++++++-----
 yours/4/index.html                            | 85 ++++++++++++++-----
 yours/5/index.html                            | 85 ++++++++++++++-----
 yours/6/index.html                            | 85 ++++++++++++++-----
 yours/7/index.html                            | 85 ++++++++++++++-----
 yours/8/index.html                            | 85 ++++++++++++++-----
 yours/9/index.html                            | 85 ++++++++++++++-----
 yours/children-1/index.html                   | 85 ++++++++++++++-----
 yours/index.html                              | 85 ++++++++++++++-----
 151 files changed, 9428 insertions(+), 3316 deletions(-)

diff --git a/404.html b/404.html
index 25db865aaa..8c19ae2a92 100644
--- a/404.html
+++ b/404.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index 9a877aa164..f80c7b0abe 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -9,22 +9,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -668,18 +709,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index bd78583de9..bb1fcd3f79 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -330,18 +371,18 @@ 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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index d1d3372a6e..7cc8bab750 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -337,18 +378,18 @@ 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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 4f842ccb1c..ee5fd36bdb 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -670,18 +711,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 5567f3b35d..a1ab7f2273 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -217,18 +258,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 8fa7327834..2392930af4 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -283,18 +324,18 @@ 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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 13012b146b..446d4ce1ef 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -434,18 +475,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index b258281e31..fce6c50781 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -217,18 +258,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index 37a4c06d31..a64ebc210a 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -212,18 +253,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 2076935592..68c7942142 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -254,18 +295,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index d3611e09f0..85f9dccd6d 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -284,18 +325,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/cont/icons/index.html b/cont/icons/index.html
index e3f1b8d968..9fea0124e2 100644
--- a/cont/icons/index.html
+++ b/cont/icons/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -245,18 +286,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 8bf7e70f01..6469699646 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -217,18 +258,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index 9739f8842c..7135d1c766 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -764,18 +805,18 @@ 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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index e877df50f1..11c890cbc0 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -332,18 +373,18 @@ 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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index dff057a201..3becc94996 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -363,18 +404,18 @@ 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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.html b/cont/syntaxhighlight/index.html
index cfe1c2e06a..0a4e5c86e0 100644
--- a/cont/syntaxhighlight/index.html
+++ b/cont/syntaxhighlight/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -270,18 +311,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/cont/tags/index.html b/cont/tags/index.html
index 35ba1ee94a..cac4164395 100644
--- a/cont/tags/index.html
+++ b/cont/tags/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -246,18 +287,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/credits/index.html b/credits/index.html
index d9de9a073a..575dbd3c8e 100644
--- a/credits/index.html
+++ b/credits/index.html
@@ -8,22 +8,63 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Credits :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" data-url="/hugo-theme-relearn/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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -230,18 +271,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index e78aa5a8df..cf0aabdaef 100644
--- a/index.html
+++ b/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -232,18 +273,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/js/relearn.js b/js/relearn.js
index 5150aee5d8..7aa6066b46 100644
--- a/js/relearn.js
+++ b/js/relearn.js
@@ -1,41 +1,3 @@
-var theme = window.localStorage.getItem( 'theme' );
-changeTheme( theme, true );
-
-function changeTheme( theme, noanimation ){
-    if( !theme ){
-        return;
-    }
-    var link = document.querySelector( '#variant-style' );
-    var old_path = link.getAttribute( 'href' );
-    var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
-    if( old_path != new_path ){
-        var animations = document.querySelectorAll( '.default-animation' );
-        if( noanimation ){
-            animations.forEach( function( e ){
-                e.classList.remove( 'default-animation' );
-            });
-        }
-        window.localStorage.setItem( 'theme', theme );
-        link.setAttribute( 'href', new_path );
-        var select = document.querySelector( '#select-theme' );
-        select.value = theme;
-        // we have to wait to reset the animation style
-        if( noanimation ){
-            setTimeout( function(){
-                animations.forEach( function( e ){
-                    e.classList.add( 'default-animation' );
-                });
-            }, 525 );
-        }
-        // remove selection, because if some uses an arrow navigation
-        // by pressing the left or right cursor key, we will automatically
-        // select a different style
-        if( document.activeElement ){
-            document.activeElement.blur();
-        }
-    }
-}
-
 // Scrollbar Width function
 function getScrollBarWidth() {
     var inner = document.createElement('p');
diff --git a/pir/404.html b/pir/404.html
index b41ae57a53..1fee6de77a 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -8,22 +8,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index 281fee2b5e..91cf34c5a0 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -329,18 +370,18 @@ 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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 84a08d6950..998516df88 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -329,18 +370,18 @@ 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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 595fdab183..ad955dc2fa 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -519,18 +560,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 4c4e68db14..1685ff272e 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -224,18 +265,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 1ae681af90..46fa48d21f 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -280,18 +321,18 @@ 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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index cf15ea8419..5bf03b37e3 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -426,18 +467,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index 7bfa953a9e..8134289ae4 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -224,18 +265,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 729bb7b81e..c83d46a5fd 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -212,18 +253,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 7eaa286574..27d9349fc5 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -256,18 +297,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index c29b98b638..340db14373 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -285,18 +326,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/cont/icons/index.html b/pir/cont/icons/index.html
index 73626df672..e7ede1d6f4 100644
--- a/pir/cont/icons/index.html
+++ b/pir/cont/icons/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -246,18 +287,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index cc0ed77211..0c5653782c 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -224,18 +265,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 7b2b0252ae..5fc1b0dcac 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -715,18 +756,18 @@ 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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index bce38bed7a..79fa410fc4 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -334,18 +375,18 @@ 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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 5285393137..35a06690c0 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -355,18 +396,18 @@ 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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.html b/pir/cont/syntaxhighlight/index.html
index 1b76167576..1b7d11018f 100644
--- a/pir/cont/syntaxhighlight/index.html
+++ b/pir/cont/syntaxhighlight/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -271,18 +312,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/pir/cont/tags/index.html b/pir/cont/tags/index.html
index 5994b0fc46..5535653e4d 100644
--- a/pir/cont/tags/index.html
+++ b/pir/cont/tags/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -247,18 +288,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/pir/credits/index.html b/pir/credits/index.html
index ea1aa194cc..d2350f2db4 100644
--- a/pir/credits/index.html
+++ b/pir/credits/index.html
@@ -8,22 +8,63 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Crrredits :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" data-url="/hugo-theme-relearn/pir/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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -237,18 +278,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 832860ec35..ec29c1aa7b 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -239,18 +280,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index eb9ba562b1..3f775b17ea 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -407,18 +448,18 @@ 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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 48a7417f39..416f5942ba 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -247,18 +288,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></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 706b9267bc..73b22d98a2 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,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -242,18 +283,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></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 a1471feb6c..c0361e3b79 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,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -247,18 +288,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></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 332d6a44d2..4befa84df7 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,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -244,18 +285,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></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 2372931a87..667206fb38 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,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -243,18 +284,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></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 2107489b93..bf4fd2057e 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,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -236,18 +277,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></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 16a70e05e6..e998e8b0ac 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,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -236,18 +277,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></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 6840dd3580..5bc47a7e73 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,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -242,18 +283,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></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 253150c8e7..bc1846fb12 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,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -235,18 +276,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></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 e8f0d71e47..1f00a9a8a4 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -242,18 +283,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index e9735412a0..0067f9f7d5 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -239,18 +280,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 7964e0ee45..3b6d7c6781 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -234,18 +275,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 7e32b46ab7..e4e5ff8e39 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -239,18 +280,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/test3/index.html b/pir/shortcodes/children/children-3/test3/index.html
index 8e14838940..421f34ef22 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -233,18 +274,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 127d6aab53..16311e4ca2 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -234,18 +275,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 058cd4cf94..ce646d087c 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -376,18 +417,18 @@ 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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index ef23ba8833..779f591a72 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -228,18 +269,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 6a00ec565c..d423bf6e74 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -355,18 +396,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index a38b867978..de6c24a08b 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -258,18 +299,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index 68646abaad..ee32a60d77 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -267,18 +308,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index 37f7ae5d41..55614cffb9 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -452,18 +493,18 @@ 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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index d8774c5b82..54ec2e688b 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -447,18 +488,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index aad86f1ad9..85a025783e 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -238,18 +279,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 73b27649ea..6020c35f30 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -393,18 +434,18 @@ 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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index 23e3d47caa..5b72820f72 100644
--- a/pir/showcase/index.html
+++ b/pir/showcase/index.html
@@ -8,22 +8,63 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Showcase :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" data-url="/hugo-theme-relearn/pir/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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -220,18 +261,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index b26eeae2ba..7b52164cf7 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -227,18 +268,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index 4156d5fa79..86520ce47f 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -213,18 +254,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 5e8c4ab12e..cf18c50cbf 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -218,18 +259,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index b198499dc8..dff717eb6e 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -217,18 +258,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 5c96b8ffdd..c647588a39 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -222,18 +263,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index de89737191..740db38004 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -213,18 +254,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/yours/1/index.html b/pir/yours/1/index.html
index 4ac34236c2..359b60ad91 100644
--- a/pir/yours/1/index.html
+++ b/pir/yours/1/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -230,18 +271,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/yours/10/index.html b/pir/yours/10/index.html
index 3f256b1e8f..f4f44c54b5 100644
--- a/pir/yours/10/index.html
+++ b/pir/yours/10/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -230,18 +271,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/yours/2/index.html b/pir/yours/2/index.html
index e24aee3327..bf7a9692a4 100644
--- a/pir/yours/2/index.html
+++ b/pir/yours/2/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -230,18 +271,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/yours/3/index.html b/pir/yours/3/index.html
index 0427ddc267..61ceb9e4dd 100644
--- a/pir/yours/3/index.html
+++ b/pir/yours/3/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -230,18 +271,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/yours/4/index.html b/pir/yours/4/index.html
index 177c5dcc40..4a6e0d3d2e 100644
--- a/pir/yours/4/index.html
+++ b/pir/yours/4/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -230,18 +271,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/yours/5/index.html b/pir/yours/5/index.html
index 820cb16b02..a34f3cccf9 100644
--- a/pir/yours/5/index.html
+++ b/pir/yours/5/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -230,18 +271,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/yours/6/index.html b/pir/yours/6/index.html
index 2726f77334..369eac5df2 100644
--- a/pir/yours/6/index.html
+++ b/pir/yours/6/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -230,18 +271,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/yours/7/index.html b/pir/yours/7/index.html
index 645896e7de..23497ad271 100644
--- a/pir/yours/7/index.html
+++ b/pir/yours/7/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -230,18 +271,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/yours/8/index.html b/pir/yours/8/index.html
index b28a841f41..b1789938c4 100644
--- a/pir/yours/8/index.html
+++ b/pir/yours/8/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -230,18 +271,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/yours/9/index.html b/pir/yours/9/index.html
index 314dcd4e7f..22b339447e 100644
--- a/pir/yours/9/index.html
+++ b/pir/yours/9/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -229,18 +270,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/yours/children-1/index.html b/pir/yours/children-1/index.html
index ab755505fc..914401dfdf 100644
--- a/pir/yours/children-1/index.html
+++ b/pir/yours/children-1/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -239,18 +280,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/pir/yours/index.html b/pir/yours/index.html
index b93fbea55a..2631a5915f 100644
--- a/pir/yours/index.html
+++ b/pir/yours/index.html
@@ -9,22 +9,63 @@
     <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?1644714260" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714260" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714260" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714260" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714711" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714711" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714711" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714711" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714711"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714260"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714260"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714711"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714711"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -235,18 +276,18 @@
     <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?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714260"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714711"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714711"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714260"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714711"></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index af65eaa7bf..7d3b7ee5af 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -401,18 +442,18 @@ 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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index cfb3aaf620..0152f9598b 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -240,18 +281,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></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 0d127421a2..d2f553a052 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,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -235,18 +276,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></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 1d16e35e29..509b4b7167 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,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -244,18 +285,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></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 0f80fccddc..5d0446cb15 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,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -241,18 +282,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></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 c32667d0d7..19f0705c2c 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,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -240,18 +281,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></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 34b725f16c..f8bf6659ef 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,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -229,18 +270,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></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 a10a9ac093..e8a1dcc42e 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,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -229,18 +270,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></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 54914cbad4..7f827ba46f 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,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -239,18 +280,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></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 b134017e0b..df5d21b737 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,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -228,18 +269,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></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 e18d2d79d9..0a6aa9ad6e 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -239,18 +280,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index 112fc84001..6bcecb716d 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -236,18 +277,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 2ee6b76940..79ff7f845e 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -227,18 +268,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 56c8be2e83..00f1c4d942 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -236,18 +277,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index 23178758df..1e1709f88f 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -226,18 +267,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index e8df295589..ba6a80b2eb 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -227,18 +268,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 80360d60dd..589f50b863 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -374,18 +415,18 @@ 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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index e672d712e8..bbc9930ae0 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -9,22 +9,63 @@
 ">
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -222,18 +263,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index c99bbe31ae..24bea6d5f6 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -359,18 +400,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 5f95f21f70..e55c35ef51 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -260,18 +301,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index d56de962e4..5d4f57049f 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -9,22 +9,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -233,18 +274,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index f79a938c91..fef1925c1c 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -260,18 +301,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 2935e99c99..77413fcd38 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -463,18 +504,18 @@ 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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index 1572e5e472..e3929ca97f 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -453,18 +494,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index aa521e4fbe..678cac895f 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -236,18 +277,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 370d483bde..fdca5cf606 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -391,18 +432,18 @@ 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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index ae4f4b8b77..0f309ae834 100644
--- a/showcase/index.html
+++ b/showcase/index.html
@@ -8,22 +8,63 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Showcase :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" data-url="/hugo-theme-relearn/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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -213,18 +254,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index be7137a519..e61b79ba88 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -227,18 +268,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index cba3ab3055..0253ba0846 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -213,18 +254,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index 8585b37f46..89dee68516 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -218,18 +259,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 747d0637ce..3fb470766c 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -217,18 +258,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 182702be18..7a51956dc9 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -222,18 +263,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 4a67d6e962..f81d60ef76 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -213,18 +254,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/1/index.html b/yours/1/index.html
index 31884a57c6..c6a296d4ec 100644
--- a/yours/1/index.html
+++ b/yours/1/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -250,18 +291,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/10/index.html b/yours/10/index.html
index 6a310687ac..e7855f32e8 100644
--- a/yours/10/index.html
+++ b/yours/10/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -250,18 +291,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/yours/11.de/index.html b/yours/11.de/index.html
index fca7d240fb..d304614b5c 100644
--- a/yours/11.de/index.html
+++ b/yours/11.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/yours/12.de/index.html b/yours/12.de/index.html
index c506aa27dc..1dd649bfa3 100644
--- a/yours/12.de/index.html
+++ b/yours/12.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/yours/13.de/index.html b/yours/13.de/index.html
index 8920888f63..d04e0e4551 100644
--- a/yours/13.de/index.html
+++ b/yours/13.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/yours/14.de/index.html b/yours/14.de/index.html
index 75d88990fc..2334fa6c5f 100644
--- a/yours/14.de/index.html
+++ b/yours/14.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/yours/15.de/index.html b/yours/15.de/index.html
index 2700f4e2db..cabcf7c328 100644
--- a/yours/15.de/index.html
+++ b/yours/15.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/yours/16.de/index.html b/yours/16.de/index.html
index b5ff9361c5..1dfa6d98bc 100644
--- a/yours/16.de/index.html
+++ b/yours/16.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/yours/17.de/index.html b/yours/17.de/index.html
index eb6d892be7..fc13aa567d 100644
--- a/yours/17.de/index.html
+++ b/yours/17.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/yours/18.de/index.html b/yours/18.de/index.html
index f898c096c2..ff60503e22 100644
--- a/yours/18.de/index.html
+++ b/yours/18.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714709" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714709" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714709" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714709" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714709"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714709"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714709"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714709"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714709"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714709"></script>
   </body>
 </html>
diff --git a/yours/19.de/index.html b/yours/19.de/index.html
index 4f3e9bb65f..1ec14c17b9 100644
--- a/yours/19.de/index.html
+++ b/yours/19.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/2/index.html b/yours/2/index.html
index 6795330d3c..9dcacd26bb 100644
--- a/yours/2/index.html
+++ b/yours/2/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -250,18 +291,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/20.de/index.html b/yours/20.de/index.html
index d0b401fd7d..d746e3012c 100644
--- a/yours/20.de/index.html
+++ b/yours/20.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/21.de/index.html b/yours/21.de/index.html
index 10ed8a37c1..180e18ea3f 100644
--- a/yours/21.de/index.html
+++ b/yours/21.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/22.de/index.html b/yours/22.de/index.html
index 31e4391bb7..d691951eeb 100644
--- a/yours/22.de/index.html
+++ b/yours/22.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/23.de/index.html b/yours/23.de/index.html
index a520048ecd..63044b8fc1 100644
--- a/yours/23.de/index.html
+++ b/yours/23.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/24.de/index.html b/yours/24.de/index.html
index 7db6e45ae6..0189b18bd7 100644
--- a/yours/24.de/index.html
+++ b/yours/24.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/25.de/index.html b/yours/25.de/index.html
index 95c38d79e8..4bb4618b28 100644
--- a/yours/25.de/index.html
+++ b/yours/25.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/26.de/index.html b/yours/26.de/index.html
index 8e17470fa5..6073951cf9 100644
--- a/yours/26.de/index.html
+++ b/yours/26.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/27.de/index.html b/yours/27.de/index.html
index 1f78f6adab..43a2f35b9c 100644
--- a/yours/27.de/index.html
+++ b/yours/27.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/28.de/index.html b/yours/28.de/index.html
index c1a2917ee3..a6a69082f3 100644
--- a/yours/28.de/index.html
+++ b/yours/28.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/29.de/index.html b/yours/29.de/index.html
index 7e05c12430..b3557a9d83 100644
--- a/yours/29.de/index.html
+++ b/yours/29.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/3/index.html b/yours/3/index.html
index 55df94b132..a3ca2b6e6d 100644
--- a/yours/3/index.html
+++ b/yours/3/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -250,18 +291,18 @@
     <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?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/30.de/index.html b/yours/30.de/index.html
index 45c18a7596..e8c8dbe569 100644
--- a/yours/30.de/index.html
+++ b/yours/30.de/index.html
@@ -8,22 +8,63 @@
     <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?1644714258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/4/index.html b/yours/4/index.html
index c010c7983f..db21de0b67 100644
--- a/yours/4/index.html
+++ b/yours/4/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -250,18 +291,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/5/index.html b/yours/5/index.html
index 766ba373a0..9ec44fa9a2 100644
--- a/yours/5/index.html
+++ b/yours/5/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -250,18 +291,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/6/index.html b/yours/6/index.html
index 37c9966960..2ac3e3bdeb 100644
--- a/yours/6/index.html
+++ b/yours/6/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -250,18 +291,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/7/index.html b/yours/7/index.html
index 1ddffd1038..66bbb9e8ca 100644
--- a/yours/7/index.html
+++ b/yours/7/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -250,18 +291,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/8/index.html b/yours/8/index.html
index 1471e96fcb..af9b3ed6bf 100644
--- a/yours/8/index.html
+++ b/yours/8/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -250,18 +291,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/9/index.html b/yours/9/index.html
index 2a9a727457..2f1e448b64 100644
--- a/yours/9/index.html
+++ b/yours/9/index.html
@@ -8,22 +8,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -66,9 +107,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -249,18 +290,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/children-1/index.html b/yours/children-1/index.html
index 0f770b4062..17af6a7493 100644
--- a/yours/children-1/index.html
+++ b/yours/children-1/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -252,18 +293,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>
diff --git a/yours/index.html b/yours/index.html
index d103336ad4..77e022d9e0 100644
--- a/yours/index.html
+++ b/yours/index.html
@@ -9,22 +9,63 @@
     <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?1644714259" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1644714259" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1644714259" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1644714259" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1644714710" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1644714710" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1644714710" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1644714710" rel="stylesheet" media="print">
+    <script>
+      
+      
+      var theme = window.localStorage.getItem( 'theme' );
+      changeTheme( theme, true );
+
+      function changeTheme( theme, noanimation ){
+        if( !theme ){
+          return;
+        }
+        var link = document.querySelector( '#variant-style' );
+        var old_path = link.getAttribute( 'href' );
+        var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + theme + '$2' );
+        if( old_path != new_path ){
+          var animations = document.querySelectorAll( '.default-animation' );
+          if( noanimation ){
+            animations.forEach( function( e ){
+              e.classList.remove( 'default-animation' );
+            });
+          }
+          window.localStorage.setItem( 'theme', theme );
+          link.setAttribute( 'href', new_path );
+          var select = document.querySelector( '#select-theme' );
+          select.value = theme;
+          
+          if( noanimation ){
+            setTimeout( function(){
+              animations.forEach( function( e ){
+                e.classList.add( 'default-animation' );
+              });
+            }, 525 );
+          }
+          
+          
+          
+          if( document.activeElement ){
+            document.activeElement.blur();
+          }
+        }
+      }
+    </script>
     <style>
       :root #header + #content > #left > #rlblock_left{
         display:none !important;
       }
     </style>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1644714710"></script>
   </head>
   <body class="" 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: -->
@@ -67,9 +108,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?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714259"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1644714259"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1644714710"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1644714710"></script>
       </div>
       <div class="highlightable">
         <ul class="topics">
@@ -248,18 +289,18 @@
     <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?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714259"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1644714710"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1644714710"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"startOnLoad\": true }"), { startOnLoad: false } ) );
       }
     </script>
-    <script src="/hugo-theme-relearn/js/relearn.js?1644714259"></script>
+    <script src="/hugo-theme-relearn/js/relearn.js?1644714710"></script>
   </body>
 </html>